事件三阶段

JavaScript event 事件三阶段: 捕获阶段、目标阶段、冒泡阶段。

target和currentTarget的区别

document.body.addEventListener('click', function(event){
    // event.target 是当前点击的元素
    // event.currentTarget 是当前事件绑定在的那个元素,此时是body元素
    }, false);

第三个参数是指在DOM树中,注册了该listener的元素,是否会先于它下方的任何事件目标,接收到该事件。若为true,则是以捕获阶段的顺序执行绑定的事件;若为false,则是以冒泡阶段的顺序执行绑定的事件,同一个元素上,先绑定的事件先执行

参考