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

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

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

2.在js中定义方法focusNextInput

function focusNextInput(thisInput)

{

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

for(var i = 0;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

微信打赏

支付宝打赏

感谢您对作者aimee123的打赏，我们会更加努力！    如果您想成为作者，请点我