dom事件流--事件冒泡、事件捕获

dom事件流:

事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照待定的顺序传播,这个传播过程即dom事件流。

 

事件冒泡:

ie最早提出,事件开始时由最具体的元素接收,然后逐级向上传播到dom最顶层节点的过程。

 

事件捕获:

由DOM最顶层节点开始,然后逐级向下传播到最具体的元素接收的过程。

 

JS代码中只能执行捕获或冒泡其中的一个阶段。

onclick和attachEvent(ie)只能得到冒泡阶段。

如果addEventListener第三个参数时true,则是捕获阶段;false或不写,是冒泡阶段。

没有冒泡:onblur, onfocus, onmounseenter, onmounseleave.

 

阻止事件冒泡的方式:

e.stopPropagation(); 标准、有兼容问题

cancelBubble  非标准、了解

posted @ 2020-10-01 11:20  WillaWilla  阅读(120)  评论(0编辑  收藏  举报