2016-07-04 14 views
-1

ログインjspページでは、入力フィールドと送信フィールドを持つ単純なHTMLフォームを使用します。 フォーカス(カーソル)が入力フィールドの1つにあり、Enterキーを押すと、フォームは期待どおりに送信されます。しかし、フォームのフィールドの1つにフォーカスがない場合、私は同じ動作をしたいと思います。HTMLフォーム - フォーカスなしでEnterキーに応答する

scenraioは、ページが読み込まれるとブラウザが自動的に秘密の隠しアイテムから入力フィールドを埋めるので、Enterキーを押してフォームを送信したいと思っています。

私はこのサイトを検索けど、あなたが​​イベントに耳を傾け、EnterキーをチェックすることができるのJavaScriptを少し気にしない場合は、関連する答え

答えて

0

を見つけることができます。

window.addEventListener("keydown", function(e) { 
 
    if (e.keyCode === 13) { 
 
    e.preventDefault(); 
 
    document.getElementById("form").submit(); 
 
    } 
 
});

+0

hmm ...フォームを送信するには、2回押してください。おそらく私は何か間違っているのでしょうか? –

+0

私は 'id =" form "をフォーム要素に追加し、スクリプトをHTMLのheadの'

0

あなたはjQuerykeypress機能を実装することによって、それを達成することができます。このように

$(document).ready(function(){ 
    $(document).keypress(function (e){ 
     if(e.keyCode == 13){ 
      e.preventDefault(); 
      $('form').submit(); 
     } 
    }); 
}); 
関連する問題