事件模型与事件流

2019-04-14 08:37发布

事件模型,事件流
一个事件发生后,会在子元素和父元素之间传播。
这种传播分成三个阶段。

window→documen→...→目标节点
第一阶段:捕获阶段,从window对象传导到目标节点
第二阶段:目标阶段,事件在目标节点上触发
第三阶段:冒泡阶段,从目标节点传回window对象
IE678的事件模型只有冒泡阶段。
阻止事件冒泡

event.stopPropagation()
stopImmediatePropagation方法阻止同一个事件的其他监听函数被调用,不管监听函数定义在当前节点还是其他节点。也就是说,该方法阻止事件的传播,比Event.stopPropagation()更彻底。
event.stopImmediatePropagation()
event.cancelBubble()
IE阻止事件冒泡