js事件传播机制之冒泡事件详解

事件流是事件从页面接受并传播的过程，主要分三个阶段：事件捕获阶段、目标事件阶段、事件冒泡阶段。

事件传播，先触发当前元素上的事件，然后触发祖先元素上的相同事件，由内而外依次传播

事件捕获阶段：由最外层祖先元素向目标元素进行事件的捕获，这个阶段不触发事件；

事件目标阶段：事件捕获到目标元素，捕获结束后开始在目标元素上触发事件

冒泡阶段：事件从目标元素依次像祖先元素传递，触发事件

*******如果希望在捕获阶段就触发事件，可以将addeventlistener（）的第三个参数设置为true，一般情况下不适用

ie8及以下没有捕获阶段

e.stopPropagation()window.event.cancelBubble = true组织事件冒泡