简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

JavaScript表单焦点自动切换代码

来源:易贤网   阅读:875 次  日期:2016-07-29 14:09:44

温馨提示:易贤网小编为您整理了“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表单焦点自动切换代码,希望对大家有所帮助!

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JavaScript禁止用户多次提交的两种方法
下一篇:javascript中sort排序实例详解
易贤网手机网站地址:JavaScript表单焦点自动切换代码
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!