码迷,mamicode.com
首页 > 其他好文 > 详细

event.target和event.currentTarget的区别

时间:2017-05-03 19:09:10      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:触发事件   get   event   元素   javascrip   事件   情况   绑定   冒泡   

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的区别

标签:触发事件   get   event   元素   javascrip   事件   情况   绑定   冒泡   

原文地址:http://www.cnblogs.com/hulaoxi/p/6803283.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!