dom事件传递

首先，事件流分为两种：1. 捕获 2. 冒泡

一、dom2级事件的触发过程(dom.addEventListener('click', function, false))

当我们给body下的div绑定一个点击事件时，事件触发流程如下

先是进入捕获过程，触发window的点击事件，如果没有绑定事件或者执行完就继续执行子节点中的点击事件。以此类推，触发document、body，最后再到div的事件。

然后就进入到了冒泡过程了。还是像捕获时的机制一样，只不过顺序换了过来。直到window的事件完成。

我们绑定事件函数的时候，是有选择事件的触发阶段的，false则为冒泡(默认)，true则为捕获。所以事件只会在整个流程中触发一次。同时，dom2级事件多次绑定会叠加触发的函数，并不会覆盖之前的。(jquery同理）

二、dom0级事件(dom.onclick = function)

dom0级事件只能绑定唯一一个，多次绑定时则后面的覆盖前面的。同时dom0级的事件触发阶段只能在冒泡阶段。

 

以上是个人的理解，如果有错误的地方欢迎在下方评论交流。