与人类鼠标点击相关的所有事件是什么？

Question

当用户单击 HTML 元素时，似乎会触发许多 JavaScript 事件，而不仅仅是“单击”。 例如，单击输入/文本元素也会触发focus 、 mousedown 、 mouseup等事件...

本质上，当一个人点击一个元素时，所有被触发的事件是什么？ （除了点击！）

Answer 1

对于具体的按钮点击，会有：

mousedown
mouseup
click

如果鼠标在您正在查看的时间段内输入了一个新元素，您还可能会看到：

mousemove
mouseover
mouseenter

mouseleave (on other element)
mouseout   (on other element)

如果焦点根据点击发生变化：

focusout   (on some other element)
blur       (on some other element)
focusin
focus

您可以在记录所有事件的 jsFiddle 中看到准确的事件序列： https ://jsfiddle.net/jfriend00/r9c7n5j2/

---

如果焦点在别处并且您单击输入标签，您将看到以下事件序列（为清楚起见，只显示一个mousemove事件，但可能会有很多）：

mouseover
mouseenter
mousemove
mousedown
focus
focusin
mouseup
click

注意：Firefox 尚不支持focusin 。

Answer 2

在w3 中查看这一点：

应该是你要找的。 MDN对它们也有很好的概述