javascript - EventListenerエンターキー

Question

キーaddEventListener用はありますか？Enter

私は持っています

document.querySelector('#txtSearch').addEventListener('click', search_merchants);

私はこれが意図されていることを知っていますが、キー<button>をキャッチするための同等のものがあるかどうか知りたいと思いました。Enter

Answer 1

フォームを送信しようとしていますか？

submit代わりにイベントを聞いてください。

これはとを処理clickしenterます。

エンターキーを使用する必要がある場合...

document.querySelector('#txtSearch').addEventListener('keypress', function (e) {
    if (e.key === 'Enter') {
      // code for enter
    }
});

Answer 2

これは、 keyCodeの代わりにkeyを使用した（@Trevorからの）現在受け入れられている回答のバージョンです。

document.querySelector('#txtSearch').addEventListener('keypress', function (e) {
    if (e.key === 'Enter') {
      // code for enter
    }
});

Answer 3

'keydown'イベントを聞いてから、Enterキーを確認できます。

ハンドラーは次のようになります。

function (e) {
  if (13 == e.keyCode) {
     ... do whatever ...
  }
}