最新消息:文章中包含代码时,请遵守代码高亮规范!

在输入框中按回车键的光标自动跳到下一个输入框【原创】

HTML+CSS Aimee 144浏览 0评论

在项目中,为了方便客户使用,提高客户体验性,在PC端要求在输入框中按键盘的回车键能够执行相应的操作,以下代码可实现:在一个输入框按回车键后光标跳到下一个输入框,如果当前光标所在位置为最后夜歌输入框,则回到第一个输入框。

1.在input标签中调用方法focusNextInput

<input class=”login_input phone” placeholder=”” onkeypress=”if(event.keyCode==13) focusNextInput(this);”>

2.在js中定义方法focusNextInput

function focusNextInput(thisInput)

{

var inputs = document.getElementsByTagName(“input”);

for(var i = 0;i<inputs.length;i++){

// 如果是最后一个,则焦点回到第一个

if(i==(inputs.length-1)){

inputs[0].focus(); break;

}else if(thisInput == inputs[i]){

inputs[i+1].focus(); break;

}

}

}

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/24271.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者aimee123的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!