js中的event对象包含很多有用的信息
target:触发事件的元素。
currentTarget:事件绑定的元素。
两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:
<ul id="wrap">
<li class="item1">1</li>
<li class="item2">2</li>
<li class="item3">3</li>
<li class="item4">4</li>
<li class="item5">5</li>
</ul>
<script type="text/javascript">
document.getElementById("wrap").onclick = function (event) {
console.log(event.target);
console.log(event.currentTarget);
}
</script>
/*如果点击li,console上的情况如下:
<li class="item5">------target
<ul id="ulT">---------currentTarget*/