dom 事件对象中target与currentTarget区别


event.target 返回触发事件的元素
event.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

声明:麋鹿与鲸鱼|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - dom 事件对象中target与currentTarget区别


Carpe Diem and Do what I like