当前位置: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代码改成这样时:
代码如下: