javascript - 为什么 `click` 事件在我按下 Enter 时在我的 <button> 上触发？

Question

我只添加一个 click我的事件处理程序 <button> .

document.getElementsByTagName("button")[0].addEventListener("click", event => {
  event.preventDefault();

  console.log("Click:", event);
});

<button>Press <kbd>Enter</kbd> on me</button>

( Demo link )

然而，当我在 Firefox 中切换到按钮，然后按 Enter 时，我看到了 click事件被解雇。但是，我在任何地方都看不到这种行为的记录。这是标准行为吗？我可以指望它在所有浏览器中都能正常工作吗？

Answer 1

这主要是因为许多作者在历史上使用点击事件编写代码，而忘记考虑不点击的用户(无论是因为他们更喜欢使用键盘导航，还是因为残疾而难以使用指点设备，或任何其他原因)。

行为是 documented in the HTML specification :

Certain elements in HTML have an activation behavior, which means that the user can activate them. This triggers a sequence of events dependent on the activation mechanism, and normally culminating in a click event, as described below.

…

For accessibility, the keyboard’s Enter and Space keys are often used to trigger an element’s activation behavior.

然后继续详细解释步骤。