JavaScript表单焦点自动切换代码

 更新时间:2016年07月24日 16:40:55   作者:924256520   我要评论
这篇文章主要介绍了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表单焦点自动切换代码,希望对大家有所帮助!

相关文章

  • js里怎么取select标签里的值并修改

    js里怎么取select标签里的值并修改

    js如何将select标签里的BBB改成XXX,同时BBB里的valued的值改成F?本文将告诉你正确的答案
    2012-12-12
  • js实现跨域的几种方法汇总(图片ping、JSONP和CORS)

    js实现跨域的几种方法汇总(图片ping、JSONP和CORS)

    平时用惯了jQuery.ajax之类的方法,却时常忽略了它背后的实现,本文是学习了AJAX基础及几种跨域解决方案之后的一些收获。
    2015-10-10
  • js移动端事件基础及常用事件库详解

    js移动端事件基础及常用事件库详解

    这篇文章主要为大家详细介绍了js移动端事件基础及常用事件库,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JS实现IE状态栏文字缩放效果代码

    JS实现IE状态栏文字缩放效果代码

    这篇文章主要介绍了JS实现IE状态栏文字缩放效果代码,涉及JavaScript针对浏览器的相关调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js 覆盖和重载 函数

    js 覆盖和重载 函数

    学过JAVA的人对函数的覆盖和重载肯定是再熟悉不过了。
    2009-09-09
  • JavaScript获取URL汇总

    JavaScript获取URL汇总

    在WEB开发中,许多开发者都比较喜欢使用javascript来获取当前url网址,本文就此为大家总结一下比较常用获取URL的javascript实现代码
    2015-06-06
  • 通过js修改input、select默认字体颜色

    通过js修改input、select默认字体颜色

    这篇文章主要介绍了通过js修改input、select默认字体颜色,需要的朋友可以参考下
    2017-04-04
  • 12个非常有用的JavaScript技巧

    12个非常有用的JavaScript技巧

    在这篇文章中,我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码,需要的朋友参考下本文吧
    2017-05-05
  • react MPA 多页配置详解

    react MPA 多页配置详解

    这篇文章主要介绍了react MPA 多页配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • 最佳JS代码编写的14条技巧

    最佳JS代码编写的14条技巧

    写任何编程代码,不同的开发者都会有不同的见解。但参考一下总是好的,下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧,Sofish翻译(1,2)。
    2011-01-01

最新评论