本质区别是:
target:返回触发事件的元素。
currentTarget:返回事件绑定的元素。
关键点:
两者在没有冒泡的情况下,但在用了事件委托的情况下,就不一样了,例如:
<ul id="ulT">
<li class="item1">item1</li>
<li class="item2">item2</li>
<li class="item3">item3</li>
<li class="item4">item4</li>
<li class="item5">item5</li>
</ul>
<script type="text/javascript">
document.getElementById("ulT").onclick = function (event) {
console.log(event.target);
console.log(event.currentTarget);
}
</script>
如果点击li,打印出如下:
target的结果是:<li class="item5">
currentTarget的结果是:<ul id="ulT">