- <div id="fa" onmousedown="getEventTrigger(event)">
- <p id="son" onmousedown="getEventTrigger(event)">点我试试</p>
- </div>
当点击p元素时,执行的是p元素上绑定的事件,此时,事件监听的对象是p元素,目标也是p元素,currentTarget为p元素,target也是p元素;
当事件冒泡到它的父级id为fa的元素div,触发了绑定在div上的事件,而这时,事件监听的对象是div,目标元素依然是p元素,这时的currentTarget指向div,target依然指向p元素,
可以得出:
e.currentTarget指的是注册了事件监听器的对象,而e.target指的是该对象里的子对象,也是触发这个事件的对象!