target和currentTarget的区别

target和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>

currentTarget始终是监听事件者,而target是事件的真正发出者。

猜你喜欢

转载自blog.csdn.net/weixin_44462907/article/details/86529992