e.target与e.currentTarget的区别

来源:互联网 发布:长城宽带是什么网络 编辑:程序博客网 时间:2024/09/21 09:01
  1. <div id="fa" onmousedown="getEventTrigger(event)">  
  2.     <p id="son" onmousedown="getEventTrigger(event)">点我试试</p>  
  3. </div> 

当点击p元素时,执行的是p元素上绑定的事件,此时,事件监听的对象是p元素,目标也是p元素,currentTarget为p元素,target也是p元素;
当事件冒泡到它的父级id为fa的元素div,触发了绑定在div上的事件,而这时,事件监听的对象是div,目标元素依然是p元素,这时的currentTarget指向div,target依然指向p元素,

可以得出: 

e.currentTarget指的是注册了事件监听器的对象,而e.target指的是该对象里的子对象,也是触发这个事件的对象!


原创粉丝点击