EventListener Enter 键[重复]

Question

Enter

键有addEventListener 吗？

我有

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

我最初添加这个答案是为了演示 key 而不是当时接受的答案的 keyCode。现在我使用 keydown 而不是已弃用的按键（感谢评论者！），也许接受的答案最终也会做出这种改变。

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

Answer 3

您可以监听

'keydown'

事件，然后检查是否有 Enter 键。

你的处理程序会是这样的：

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