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

问题描述 投票:-1回答:2

当用户点击HTML元素时,似乎会触发除“click”之外的许多JavaScript事件。例如,单击输入/文本元素也会触发焦点,mousedown,mouseup等事件...

从本质上讲,当一个人点击一个元素时,所有被触发的事件是什么? (除了点击!)

javascript html firefox browser dom-events
2个回答
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


-1
投票

查看w3中的这一位:

应该是你正在寻找的。 MDN也很好地概述了它们

© www.soinside.com 2019 - 2024. All rights reserved.