pk142536
ammi_bai
2017-09-23 02:38
采纳率: 100%
浏览 1.8k

怎么在JS中设置账号框按回车键光标直接移动到密码输入框

获取元素,然后判断键盘是否按下的是回车,然后呢?该怎么办?下边代码根本没有用

<p>账号:<input type="text" autofocus/></p>
<p>密码:<input type="password" ></p>
<p><button>登录</button></p>

<script>
    var plist=document.querySelectorAll('p');
    plist[0].onkeydown=function(){
        if(event.keyCode==13){
            this.childNodes[1].removeAttribute('autofocus');

            this.nextSibling.nextSibling.childNodes[1].setAttribute('autofocus',true);
        }
    }
</script>

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • showbo
    已采纳
     <form>
        <p>账号:<input type="text" autofocus /></p>
        <p>密码:<input type="password"></p>
        <p><button>登录</button></p>
    </form>
    <script>
        var plist = document.querySelectorAll('p');
        plist[0].onkeydown = function (e) {
            e = e || window.event; 
    
            if (e.keyCode == 13) {
                plist[1].querySelector('input').focus();
                return false;;//阻止表单提交
            }
        }
    </script>
    
    点赞 评论
  • qq_37524684
    子幽 2017-09-23 02:53

    一般不会这样操作,按tab键好了,如果你执意要用回车,首先你得判断如果账号和密码有一个为空button不可被点击,因为回车会默认点击button和
    input[type=submit]的按钮

    点赞 评论

相关推荐