2016-08-31 4 views
1

を入力して使用することにより、入力に接続データリスト要素を選択します。フォーカスが入力要素の中にあるとき、上/下矢印キーを使って選択できますが、入力キーを押すとフォームの送信が行われます。は、このような単純な入力とデータリストの組み合わせでキー

jQueryベースのJavaScriptを使用して、フォームがまだ送信されないようにするとき。

入力キーを使用して、入力要素に関連付けられたデータリストの要素を選択することはできますか?

答えて

0

ではなくkeyup()を使用してみてください:

$("#standardInput").keyup(function (e) { 
    if (e.keyCode == 13) { 
     e.preventDefault();    
    } 
}); 
+0

私もこれを試しましたが、ダイスはありませんでした。私もkeydownイベントを適用しようとしましたが、フィールドにenterキーを押すと、フォームはまだ送信されます。 –

+0

ページに追加のイベントハンドラがありました。競合するイベントハンドラを削除した後、このコードは機能しました。ありがとうございました。 –

+0

喜んで助けてください:) – DCruz22

1

ではなくe.keyCodeのe.whichを使用してみてください。

$(function() { 
    'use strict'; 
    $('#standardInput').on('keypress', function (e) { 
     if (e.which == 13) { 
      e.preventDefault(); 
     } 
    }); 
}); 
+0

申し訳ありませんが、私はこれを試みましたが、フォームは依然として提出しました。 –

関連する問題