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

Question

当用户点击HTML元素时，似乎有许多JavaScript事件而非只是＆＃34;点击＆＃34;被解雇了例如，单击输入/文本元素也会触发焦点， 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也对它们有很好的概述