您的位置：首页 > Web前端 > JavaScript

JS实现在一个输入框按回车键后光标跳到下一个输入框

2019-01-16 09:21 731 查看

[code]<body>
<el-input class="codeInput1
4000
codeInput" autofocus  maxlength="4"  oninput=" focusNextInput(this);" >
<el-input class="codeInput2 codeInput" maxlength="4"  oninput="focusNextInput(this);">
<el-input class="codeInput3 codeInput" maxlength="4" oninput="focusNextInput(this);">
</body>

[code]<script type="text/javascript">

function focusNextInput(thisInput)
{
if(thisInput.value.length==4){
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;
}
}
}
}

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航