用javascript語言編寫一個小程序:在一個文本框(用戶名框)中按回車鍵時,跳轉到另一個文本框(密碼框)中,密碼框回車之後,打一個登陸成功。點擊button也是登陸成功。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    用戶名:<input type="text" id="username" οnkeydοwn="first(event)"><br/>
    密碼:<input type="text" id="pwd" οnkeydοwn="second(event)"><br/>
    <input type="button" id="btn" value="提交" οnmοusedοwn="button1(event)">

</body>
<script type="text/javascript">

    function first(event){
        if (event.keyCode == 13){
            document.getElementById("pwd").focus();
        }
    }

    function second(event){
        if (event.keyCode == 13){
            document.getElementById("btn").focus();
        }
    }

    var button1 = function(){
        document.write("登錄成功!")
    }
   document.getElementById("btn").addEventListener("click", button1)

</script>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章