DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 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表單焦點自動切換代碼,希望對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved