当前位置:Gxlcms >
JavaScript >
关于event.cancelBubble和event.stopPropagation()的区别介绍_jquery
关于event.cancelBubble和event.stopPropagation()的区别介绍_jquery
时间:2021-07-01 10:21:17
帮助过:12人阅读
首先我在网上看到不少文章大体上分为两个(不正确)观点:
1. cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他浏览器。
先不讲上面是对是错
先看一个例子:(测试环境:chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8)
代码如下:
无标题页 输出结果true
b,在 moz3.6.4版本内,是不能阻止body的onclick的,但是alert(event.cancelBubble);输出结果仍然是true ,我想这应该是event.cancelBubble只是给event添加一个属性,并且赋值为true;
当把js代码改成这样时:
代码如下: