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

Question

当用户点击HTML元素时，似乎触发了许多JavaScript事件，而不仅仅是"点击"。例如，单击输入/文本元素还会触发焦点、鼠标按下、鼠标向上等事件......

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

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

注意：火狐浏览器尚不支持focusin。

Answer 2

在 w3 中查看此位：

应该是你要找的。此外，MDN对它们有一个很好的概述