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) {
    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

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

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