码迷,mamicode.com
首页 > 编程语言 > 详细

javaScript表单焦点自动切换

时间:2016-07-24 16:22:29      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

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

<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表单焦点自动切换

标签:

原文地址:http://www.cnblogs.com/Mesiky/p/5700934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!