源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript表单焦点自动切换代码

  • 时间:2022-01-19 08:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要: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表单焦点自动切换代码,希望对大家有所帮助!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部