当用户点击HTML元素时,似乎会触发除“click”之外的许多JavaScript事件。例如,单击输入/文本元素也会触发焦点,mousedown,mouseup等事件...
从本质上讲,当一个人点击一个元素时,所有被触发的事件是什么? (除了点击!)
对于特定按钮单击,将有:
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
。