JavaScript表单焦点自动切换代码

(编辑：jimmy 日期: 2025/12/7 浏览：3 次 )

废话不多说，关键代码如下所示：

---恢复内容开始---

<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表单焦点自动切换代码，希望对大家有所帮助！

上一篇：JavaScript禁止用户多次提交的两种方法
下一篇：javascript中sort排序实例详解