如何阻止事件冒泡
2010-08-06 14:48
225 查看
cancelBubble可以用来在IE浏览器中阻止事件的冒泡和传递.
那什么是事件冒泡,通俗的来讲:我们为网页内的body元素添加了一个单击事件,同样再为网页内li元素添加一个单击事件.当你单击li的时候body的事件也会被触发,因为li包含在body元素内.你单击了li的同事也单击了body.这就是事件冒泡,也是浏览器默认的一种行为.但在有些时候我要阻止这种情况发生,也就是单击li的时候,不会触发body的事件.这就叫阻止事件冒泡!
注意:cancelBubble只支持IE.与其具被同样功能的方法是W3C的stopPropation()方法.但该方法不被IE支持
那什么是事件冒泡,通俗的来讲:我们为网页内的body元素添加了一个单击事件,同样再为网页内li元素添加一个单击事件.当你单击li的时候body的事件也会被触发,因为li包含在body元素内.你单击了li的同事也单击了body.这就是事件冒泡,也是浏览器默认的一种行为.但在有些时候我要阻止这种情况发生,也就是单击li的时候,不会触发body的事件.这就叫阻止事件冒泡!
注意:cancelBubble只支持IE.与其具被同样功能的方法是W3C的stopPropation()方法.但该方法不被IE支持
相关文章推荐
- React 如何阻止事件冒泡?
- 如何阻止事件冒泡和默认事件
- as3.0中如何阻止事件冒泡?
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- HTML如何阻止事件冒泡
- 事件、IE与火狐的事件机制有什么区别? 如何阻止冒泡?
- 事件冒泡是什么 如何用jquery阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- javascript如何阻止事件冒泡和默认行为
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- 事件冒泡是什么如何用jquery阻止事件冒泡
- 一个小例子解释如何来阻止Jquery事件冒泡
- 如何阻止事件冒泡和默认事件
- 行间点击事件如何阻止冒泡
- JS中的事件冒泡(Bubble)和事件捕获(capture)以及如何阻止事件的冒泡
- 微信小程序如何阻止事件冒泡
- js 事件冒泡是什么如何用jquery阻止事件冒泡
- 在点击div中的p时,如何阻止事件冒泡
- 如何阻止事件冒泡和默认行为?