DOM事件流－－冒泡、目标、捕获

流

用术语说流是对输入输出设备的抽象。以程序的角度说，流是具有方向的数据。

事件流所描述的就是从页面中接受事件的顺序。

事件冒泡

事件开始时，由最具体的元素接收（事件发生所在的节点），逐级向上传播

button→ body→ document→ window

事件捕获

与事件冒泡正好相反。它认为当某个事件发生时，父元素应该更早接收到事件，具体元素则最后接收到事件。

window →document →body →button

事件捕获阶段---当事件发生时，首先发生的是事件捕获，为父元素截获事件提供了机会。

在JS中，绑定的事件默认的执行时间是在冒泡阶段执行，而非在捕获阶段

可以通过绑定事件时，指定事件执行时间是在冒泡阶段还是捕获阶段。

JS在默认情况下获取事件后，就开始从根元素开始捕获所有该事件的监听对象，然后在冒泡阶段逐一执行。

捕获阶段在冒泡阶段前面

阻止冒泡 w3c的方法：e.stopPropagation()，IE使用：e.cancelBubble = true；

 阻止默认行为 w3c的方法：e.preventDefault()，IE使用：e.returnValue = false;

关于JS 事件冒泡和onclick,click,on()事件触发顺序

 onclick,click,on()的优先关系：onclick>click>on()；

 onclick和click绑定的事件，彼此之间遵守事件冒泡规则，从内到外触发； on()绑定的事件，总是晚于onclick和click绑定的事件触发