2016-05-19 1 views
0

screenshotEnterを押して、次のテキストボックスにカーソルを移動しようとしています。私はこのためにJavaScriptを使用していenterを使用して、submitの代わりに次のtextboxにカーソルを移動する方法は?

<strong> 
        <asp:Label ID="bondtapelbl" runat="server" Text="Bond Tape :" Font-Bold="True" Font-Italic="False" Font-Names="Arial Black" Font-Size="Medium"></asp:Label> 
       </strong> 
       <asp:TextBox ID="bondtape" runat="server" BackColor="#CCCCCC" Height="35px" Font-Size="Medium" Width="130px" CssClass="bt" /> 

       &nbsp;<span class="auto-style6">&amp;</span><strong> 
        <asp:Label ID="productranklbl" runat="server" Text="Product Rank :" Font-Bold="True" Font-Italic="False" Font-Names="Arial Black" Font-Size="Medium"></asp:Label> 

        <asp:TextBox ID="productrank" runat="server" BackColor="#CCCCCC" Height="35px" Font-Size="Medium" Width="130px" CssClass="pr" /> 

        <asp:Button ID="bontapeButton" Text="Search" runat="server" BackColor="#3399FF" BorderStyle="None" CssClass="btsearch" ForeColor="White" Height="39px" Width="80px" /> 
       </strong></td> 

は、ここに私のaspxコードです。問題は、カーソルを次のテキストボックスに移動する代わりに、自動的に検索ボタンを実行することです。

<script type="text/javascript"> 

       //Bind keyup event to textbox 
       $('btsearch[type="bondtape"]').keyup(function (event) { 
        if (e.keyCode == 13) { 
         $("pr").next().focus(); 
        } 
       }); 

      </script> 

私のjavascriptのは、私は他のフォーラムから得たこの回答に基づいています。私は本当にどの部分には分からないので、私は2/3日間JavaScriptを唯一学んだ

$('input[type="textbox"]').keyup(function(e) { 
if(e.keyCode == 13) { 
    $(this).next().focus(); 
}}); 

私が間違っている。もし誰かが私を助けることができれば、私は感謝します。 ありがとうございます。

+1

これはなぜですか?タブキーはすでにこれを無料で行います。これはユーザーが期待するものです。 – nnnnnn

+0

応答@nnnnnnのおかげで、これは実際に私のインターンシッププロジェクトの一部です。私はこのメソッドを使用しています。なぜなら、それは以前のプログラマがコードで行うことであり、私はコードの修正をあまり避けようとしているからです。私はこのメソッドが間違っているか、タブキーメソッドがより良いアプローチであると考えていますか? –

+0

次のフィールドに移動するタブキーのコンセプトは、ほとんどすべてのデスクトップブラウザがデフォルトで実装するものです。シフト+タブは前のフィールドに移動します。 (ほとんどのデスクトップアプリケーションもこれもいくつかの変形をしています)。これはユーザーが期待する標準的な動作ですので、Enterキーに同じものを適用する必要はありません。 – nnnnnn

答えて

0

大丈夫私が得た答えを共有したいだけです。ここで私の答えが得られたリンクです(デモを試すこともできます):http://www.latentmotion.com/downloads/enter-to-tab.html
以下は私のプロジェクトで使えるJavaScriptです。私が得た解決策は、以下のjavascriptで私のjavascriptを質問に置き換えたものです。これが他の人に役立つことを願っています。

$(document).ready(function(){ 
     $("input").not($(":button")).keypress(function (evt) { 
      if (evt.keyCode == 13) { 
       iname = $(this).val(); 
       if (iname !== 'Submit'){  
        var fields = $(this).parents('form:eq(0),body').find('button,input,textarea,select'); 
        var index = fields.index(this); 
        if (index > -1 && (index + 1) < fields.length) { 
         fields.eq(index + 1).focus(); 
        } 
        return false; 
       } 
      } 
     }); 
    }); 
関連する問題