Event 事件 - 扩展.

Posted 2020-10-05

事件流

事件流的分类

    1.冒泡型事件流（ Event Bubbling ）
    2.捕获型事件流（ Event Capturing ）
    3.DOM 事件流模型

事件周期

根据 W3C 标准，一个事件完整的传递过程可以分为三个阶段：
    1.捕获阶段：事件根据 DOM 树结构从最上层节点依次向目标节点传播的阶段。
    2.触发阶段：真正的目标节点正在处理事件的阶段。
    3.冒泡阶段：事件根据 DOM 树结构从目标节点依次向上传播的阶段。

阻止事件流

可以通过 Event 事件对象提供的属性来进行阻止事件流:

    IE 8 及之前版本的浏览器?: cancelBubble 属性
    IE 9 及之后版本和其他浏览器?: stopPropagation() ?方法

兼容方案

 

if ( event.stopPropagation ){
event.stopPropagation();
} else {
event.cancelBubble = true;
}