JavaScript表单焦点自动切换代码

183 阅读 0 评论 121 点赞

我是靠谱客的博主粗犷大象，最近开发中收集的这篇文章主要介绍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表单焦点自动切换代码，希望对大家有所帮助！