Javascript

JavaScript表单焦点自动切换代码

本文主要是介绍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表单焦点自动切换代码,希望对大家有所帮助!

这篇关于JavaScript表单焦点自动切换代码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!