stoppropagation、cancelBubble区别(阻止冒泡)

事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。

不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器中已经支持。

作者：z_j_r
链接：https://www.jianshu.com/p/26f4ace9c244
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

stoppropagation、cancelBubble区别(阻止冒泡)相关推荐

事件冒泡 bubbles cancelBubble stopPropagation() stopImmediatePropagation() 区别
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>事件冒 ...
js常用阻止冒泡事件
原文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 防止冒泡 w3c的方法是e.stopPropagat ...
页面内部DIV让点击外部DIV 事件不发生（阻止冒泡事件）
如标题的情况,经常发生,尤其是在一些弹出框上面之类的. <script>function zuzhimaopao(){e.stopPropagation();} </script&g ...
关于js阻止冒泡时的一些坑
前提:这两天在用datatable做列表,点击列表行显示详情,就会涉及到阻止冒泡的问题,话不多说直接上代码,大概思路就是先获取到事件,然后阻止它. //得到事件 function getEvent() ...
阻止冒泡和阻止默认事件——cancelBubble和stopPropagation
结论: cancelBubble是IE8及以下的浏览器阻止冒泡的一个布尔值类型的属性(非方法), stopPropagation()是其他标准浏览器和IE9及以上版本IE浏览器的阻止冒泡的一个方法 c ...
重新认识vue之事件阻止冒泡
冒泡的表现近期用vue做了一个需求,大概是同一个区域,点击不同位置有不同的响应函数,还有个总的响应函数,好吧,如下图所示: 他们的DOM结构如下: <div v-for="(item ...
JS阻止冒泡和取消默认事件(默认行为)
阻止事件冒泡 function stopPropagat(e) {if (e && e.stopPropagation) {e.stopPropagation();//标准浏览器} e ...
label 阻止冒泡防止点击label 触发2次事件
// 必须要把 jnput的外面的label加上事件阻止冒泡,否则点击label的时候,会冒泡到input上再次触发input的点击事件$('.xt_order_cleft_modb_rl_dx') ...
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载...
js添加事件.移除事件.阻止冒泡.阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 01 var addEvent = ...

stoppropagation、cancelBubble区别(阻止冒泡)

stoppropagation、cancelBubble区别(阻止冒泡)相关推荐

最新文章

热门文章