javascriptバックは完璧にtab切替機能を実現します。

一番経たプロジェクトは化学工場に作ったものです。使用中に大量のデータを入力する必要があります。使用するのは全部小キーボードエリアです。以前はエクセルでデータを入力していました。今はホームページでエクセルのような折り返し機能を実現する必要があります。ネットでこの問題を探しましたが、あまりうまく使えません。この方面の考え方を提供してくれました。本人の整理とテストを経て、この問題をよく解決できます。必要な条件1、Jqueryライブラリの住所はjquery.com公式サイトで最新の2をダウンロードできます。フォームの構造と対応するフォームの位置を確認するには、フォーム構造

 
<fieldset> 
<legend>    </legend> 
<ol> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="UserName" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox1" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox2" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox3" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox4" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox5" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox6" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox7" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="UserName">   </asp:Label> 
<asp:TextBox runat="server" ID="TextBox8" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="          。" /> 
</li> 
<li> 
<asp:Label runat="server" AssociatedControlID="Password">  </asp:Label> 
<asp:TextBox runat="server" ID="Password" TextMode="Password" /> 
<asp:RequiredFieldValidator runat="server" ControlToValidate="Password" CssClass="field-validation-error" ErrorMessage="         。" /> 
</li> 
<li> 
<asp:CheckBox runat="server" ID="RememberMe" /> 
<asp:Label runat="server" AssociatedControlID="RememberMe" CssClass="checkbox">   ?</asp:Label> 
</li> 
</ol> 
<asp:Button runat="server" CommandName="Login" Text="  " /> 
</fieldset> 

のいくつかが必要です。フォームのコンテキストラベル関係に注意してください。http://images.cnitblog.com/i/461877/201403/131104380377939.jpg ページを作成した後、句読点の要素がどこにあるかに関わらず、構造的にはやや不変のLabel要素があります。フォーム要素であり、type="text"では、Jqueryのセレクタ階層セレクタprev+nextの位置付けによってよく分からないのは、jqueryのヘルプ文書を確認してもいいです。選択する要素に位置していれば、どのような方法でも大丈夫です。キースクリプトコードです。

 
<script type="text/javascript"> 
$(function () { 
var i = 0;//   
//                  label        input   type    Password    text        
//          ，      type="text"                $("label+ input")         
$("label+ :text").each(function () { 
$(this).keydown(function (e) { 
if (e.keyCode == 13) { 
i++;//         
try { 
$("label+ :text")[i].focus(); 
} catch (e) {//                        try             
return false;//              
} 
return false;//              
} 
}); 
}); 
}); 
</script> 

を試してもいいです。あなたたちに役に立つことを望みます。