Question

Enter 键是否有addEventListener？

我有

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

我知道这是针对<button>的，但是想知道是否有一个等效的 Enter 键。

Answer 1

您是否尝试提交表单？

转而聆听submit事件。

这将处理click和enter。

如果必须使用回车键...

document.querySelector('#txtSearch').addEventListener('keypress', function (e) {
    var key = e.which || e.keyCode;
    if (key === 13) { // 13 is enter
      // code for enter
    }
});

Answer 2

您可以收听'keydown'事件，然后检查输入密钥。

你的处理程序就像：

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

Answer 3

以下是key而不是keyCode的当前接受的答案（来自@Trevor）的版本：

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

EventListener输入密钥

3 个答案: