冒泡事件&如何阻止冒泡

作者: NikiGuo | 来源:发表于2017-04-10 23:17 被阅读36次

冒泡事件:事件触发时由里到外

比如: IE678：div > body > html > document

其他浏览器： div > body > html > document > window

事件发生时，浏览器默认执行三个阶段(U形状)：

1，捕获阶段

2、目标阶段

3、冒泡阶段

阻止冒泡:阻止传播：stopPropagation( )

阻止冒泡的兼容性写法

兼容性：IE678：event.cancelBubble = true;

新版浏览器：event.stopPropagation( )

阻止冒泡的兼容性函数函数

if(event.stopPropagation){

event.stopPropagation()

}else{

event.cancelBubble()

}

冒泡事件&如何阻止冒泡
冒泡事件:事件触发时由里到外比如: IE678：div > body > html > document 其他...
微信小程序中bind和catch的区别
bindtap 冒泡事件，事件绑定不会阻止冒泡事件向上冒泡catchtap 非冒泡事件，事件绑定阻止冒泡事件...
wepy基础知识
1、bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。https://deve...
JS调试代码方向
事件冒泡 - 阻止冒泡
stopPropagation和stopImmediatePro
都可以阻止事件冒泡（子元素向父元素冒泡） stopImmediatePropagation阻止事件冒泡并且阻止相同...
小程序中点击子元素事件而不触发父元素的点击事件
原理：bind事件绑定不会阻止冒泡事件向上冒泡catch事件绑定可以阻止冒泡事件向上冒泡当点击子元素的catch...
前端理论面试-死记 js.api 类型
JSON对象 JSON.stringify();JSON.parse(); 如何阻止事件冒泡和默认事件事件冒泡e...
vue中常见的（事件修饰符）
.stop 阻止事件冒泡 .prevent 阻止默认事件 .self 避免事件冒泡 (只有自身才能触发) ....
event.stopPropagation()与event.pr
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法阻止事件冒泡，...
vue中的事件
单击事件：＠click=" " 事件对象：＠click="show($event)" 事件冒泡：阻止冒泡事件：＠...