event.target和event.currentTarget的区别

Posted hulaoxi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了event.target和event.currentTarget的区别相关的知识,希望对你有一定的参考价值。

target:触发事件的元素。
currentTarget:事件绑定的元素。
两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:

<ul id="ulT">
<li class="item1">fsda</li>
<li class="item2">ewre</li>
<li class="item3">qewe</li>
<li class="item4">xvc</li>
<li class="item5">134</li>
</ul>
  <script type="text/javascript">
document.getElementById("ulT").onclick = function (event) {
console.log(event.target);
console.log(event.currentTarget);
}
</script>

如果点击li,console上的情况如下:
<li class="item5">------target
<ul id="ulT">---------currentTarget

以上是关于event.target和event.currentTarget的区别的主要内容,如果未能解决你的问题,请参考以下文章

JQuery中this和event.target的区别

捕获当前事件作用的对象event.target和event.srcElement

捕获和冒泡阶段是不是到达 event.target 节点?

为啥单击和拖动会导致父元素成为`event.target`?

event.target与event.currentTarget的区别

event.target和event.currentTarget的区别