target、srcElement 和 currentTarget 之间有什么区别?

Yeh*_*ria 5 dom-events

我想知道 srcTarget、target 和 currentTarget 之间的区别,以使用导航栏中活动类中的其中之一在鼠标移动时添加/删除它,单击

Dan*_*eck 9

srcElement是 的已弃用别名target。不要使用它。

target是触发事件的元素。

currentTarget是捕获事件的元素。

例如:

<button id="outer" onclick="foo()">
    <div id="inner">I am a child element</div>
</button>
Run Code Online (Sandbox Code Playgroud)

如果用户单击该元素,则在发送到、will be和will be 的#inner事件对象中。footarget#innercurrentTarget#outer

以下是该想法的这些变体和其他变体(包括已弃用的和实验性的)的比较:

https://developer.mozilla.org/en-US/docs/Web/API/Event/Comparison_of_Event_Targets