Javascript 事件监听器回车键

Question

提问by Jeremy

Is there an addEventListenerfor the Enterkey?

是否有addEventListener对Enter关键？

I have

我有

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

I know this is intended for <button>, but wanted to know if there's an equivalent for catching the Enterkey.

我知道这是为了<button>，但想知道是否有等效的捕捉Enter钥匙。

Answer 1

Are you trying to submit a form?

您是否正在尝试提交表单？

Listen to the submitevent instead.

submit改为监听事件。

This will handle clickand enter.

这将处理click和enter。

If you must use enter key...

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

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

Answer 2

Here is a version of the currently accepted answer (from @Trevor) with keyinstead of keyCode:

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

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

Answer 3

You could listen to the 'keydown'event and then check for an enter key.

您可以收听该'keydown'事件，然后检查是否有回车键。

Your handler would be like:

你的处理程序是这样的：

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