JavaScript表单焦点自动切换代码
编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
这篇文章主要介绍了JavaScript表单焦点自动切换代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
废话不多说，关键代码如下所示：
---恢复内容开始---
<html>
<head>
<script>
window.onload=function(){
var form=document.getElementsByTagName('form')[0];
var txt=form.elements['txt1'];
var txt1=form.elements['txt2'];
txt.onkeyup=function(){
if(this.value.length==this.maxLength){
for(var i=0;i<form.elements.length;i++){
if(form.elements[i]==this){
form.elements[i+1].focus();
}
}
}
}
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" maxlength="5">
<input type="text" name="txt2" maxlength="4">
</form>
</body>
</html>
---恢复内容结束---
以上所述是长沙网络推广给大家介绍的JavaScript表单焦点自动切换代码，希望对大家有所帮助！