target与currentTarget区别的简单讲解

来自为w3schol（http://www.w3school.com.cn/jsref/dom_obj_event.asp）上的解释为：

target    返回触发此事件的元素（事件的目标节点）。

currentTarget    返回其事件监听器触发该事件的元素。

看例子：

<div id="outer">

outer

<p>

inner

</p>

</div>

<script type="text/javascript">

(function(){

var a=document.getElementById(‘outer‘);

a.addEventListener(‘click‘,function(e){

alert(e.target.innerHTML);

alert(e.currentTarget.innerHTML);

alert(e.currentTarget === e.target);

},false);

})();

</script>

上面的示例中，当在outer上点击时，e.target与e.currentTarget是一样的，都是div；当在inner上点击时，e.target是p，而e.currentTarget则是div。

这里，当在inner上点击时，e.target是p是因为target返回触发此事件的元素,这里是对父元素div绑定事件的。所以，e.currentTarget则是div，因为它返回的是绑定该事件的元素。