冒泡事件&如何阻止冒泡

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

比如:    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()

}

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容