JavaScript表单焦点自动切换代码

前端技术 2023/09/04 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表单焦点自动切换代码，希望对大家有所帮助！

本文地址：https://www.stayed.cn/item/10255

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案