怎么在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>

0

2个回答

 <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>
2

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

-1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

1
注册页面怎么防止用户名重复
2
【JavaScript】js中有时候调用方法使用引号,有时候不使用引号,这是为什么?
1
js 里面代码是对的就是不显示!!!
3
从数据库中获取文件转成的byte[] 文件名 文件类型。我要怎么拨给浏览器下载
3
js 如何获取元素的堆叠顺序z-index值,在没有设置z-index的情况下
0
使用原生JS写的组件,依赖zrender.js和D3.js,怎么将这个组件用在react项目中
1
javascript实现div从html中导入操作,从html中导入div文档怎么实现?
1
javascrupt语言是怎么对文本框里的js代码的判断进行加载和处理的?怎么实现这个功能?
1
js单击修改表单中的一个值
1
javascript怎么实现对多个html+div实现的css的界面先判断后显示?
1
javascript语言中怎么实现箭头方式的用户的界面,不要再回答箭头函数了!
3
js字符串数组循环传入span标签
3
javascript语言怎么实现一个文本框从一个页面导入到另一个页面?
2
javascript怎么实现箭头的界面,不是实现箭头函数,而是桃宝那种状态箭头?
2
怎么javascript实现访问的网站自动添加到主页和收藏夹的功能不需要提示用户
3
javascript语言怎么能够对后台的数组型(非字符串)实现split一样的功能?
3
怎么利用javascript语言实现调用后台的一个语句里的一个变量并且显示的功能?
2
javascript怎么实现调用api的功能,api调用功能的语句的格式是怎么样的?
1
javascript怎么实现判断用户的计算机是否已经处于开机的状态了呢?如何判断状态?
2
请问怎么利用javascript实现电子计算机远程开机和关机的功能?定时开机怎么实现?