如何实现在登录页面,按tab键,使焦点在账号与密码框间来回切换,而不会切换到如登录按钮等地方。

解决方案 »

  1.   

    账号、密码输入框上加上监听tab建的keyup事件
      

  2.   

    处理keydown  $("#UserName").keydown(function (event) {
                    switch (event.keyCode) {
                        case 13:     //enter key 
                            $("#Password").focus();
                            break;
                        case 9: //tab key 
                            $("#Password").focus;
                            break;
                    }
                });
      

  3.   

    仅限于IE
    <HTML>
     <HEAD>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function keyDownFun(e){
    var oEvent = e || window.event;
    var iCharCode = oEvent.keyCode
    var target = oEvent.srcElement;

    if(iCharCode == 9){
    if(target.id == 'username'){
    document.getElementById("password").focus();
    oEvent.returnValue = false;
    }else if(target.id == 'password'){
    document.getElementById("username").focus();
    oEvent.returnValue = false;
    }
    }
    }
      //-->
      </SCRIPT>
     </HEAD>
     <BODY>
      <INPUT id="username" TYPE="text" NAME="" onkeydown="keyDownFun()">
      <INPUT id="password" TYPE="password" NAME="" onkeydown="keyDownFun()">
      <INPUT TYPE="button" VALUE="" ONCLICK="">  
     </BODY>
    </HTML>
      

  4.   

    up! up!浏览器不兼容吗?要浏览器兼容的呢
    我也在写这方面的东西,求解
      

  5.   

    不错,我写的时候没写event.returnValue = false;    js学的不太好。