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

这是当前接受的答案（来自@Trevor）的一个版本，其中带有key而不是 keyCode：

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

Answer 3

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

你的处理程序就像：

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