MaxLengthに達したときに自動タブをトリガーする（asp：TextBox）？

Question

私は2つのテキストボックスコントロールを持っています。長さ6の1つ、2のもう1つ。どちらも数字だけを受け入れます。私は2番目のテキストボックス（タブの機能の種類）に移動したい場合は、最初に6桁の数字に達しています。

<script type="text/javascript"> 
      function change(obj, l) { 
       var txt = obj.value; 

       if (txt.length == l) { 
        document.getElementById("<%=txtSearchSchoolBranchDOECode.ClientID %>").focus(); 
       } 
      } 
</script> 

    <td> 
    <asp:TextBox ID="txtSearchSchoolDOECode" MaxLength="6" Style="width: 75px;" runat="server" onkeyup="change(this,6)" 
               CssClass="text"></asp:TextBox> 
<asp:FilteredTextBoxExtender ID="txtSearchSchoolDOECode_FilteredTextBoxExtender" runat="server" 
               Enabled="True" TargetControlID="txtSearchSchoolDOECode" FilterType="Numbers"> 
              </asp:FilteredTextBoxExtender> 
              - 
             <asp:TextBox ID="txtSearchSchoolBranchDOECode" MaxLength="2" Style="width: 25px;" 
              runat="server" CssClass="text"></asp:TextBox> 
              <asp:FilteredTextBoxExtender ID="txtSearchSchoolBranchDOECode_FilteredTextBoxExtender1" runat="server" 
               Enabled="True" TargetControlID="txtSearchSchoolBranchDOECode" FilterType="Numbers"> 
              </asp:FilteredTextBoxExtender> 
</td> 

テキストボックス1にすでに6桁の数字がある場合、私の唯一の問題はシフトタブが機能しないことです。また、矢印キーが期待通りにキーボードで機能していません。

Answer 1

私はonkeyupの代わりにoninput（HTML 5がサポートされています）を使用していましたが、期待どおりに動作しました。