您的位置:首页 > Web前端 > JavaScript

js中event的target和currentTarget的区别

2015-12-15 10:51 666 查看
js中的event对象包含很多有用的信息

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: