关于event.cancelBubble和event.stopPropagation的区别介绍

关于event.cancelBubble和event.stopPropagation的区别介绍

. cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他浏览器。 a,chrom5.0.275.7, opera10.53, ie6,7,8在这几个浏览器中 , cancelBubble是有效的,并且可以阻止事件冒泡,使body的onclick不能触发。只触发button的click alert(event.cancelBubble);输出结果true b,在 moz3.6.4版本内,是不能阻止body的onclick的,但是alert(event.cancelBubble);输出结果仍然是true ,我想这应该是event.cancelBubble只是给event添加一个属性,并且赋值为true; 即可有效阻止。当然在chrome,opera中的 event.stopPropagation();也是有效的, 结论一:以上说明 event.cancelBubble在新版本chrome,opera浏览器中已经支持,就差moz了,其实个人认为event.cancelBubble比event.stopPropagation()更好,不仅从英文意思上。所以希望moz再发新版本 也支持。这样就兼容了 2.还有就是经常看的关于事件顺序的问题: 不完全准确的结论(自认为) ie:源事件元素->>父级元素事件->>body-->>document moz:等其他浏览器与上面相反