jQuery如何阻止事件冒泡
2014-11-11 00:00
525 查看
条件:外层有一个DIV元素,在内层有一个P元素,存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含的关系。
事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。
结果:这时,当我们点击内层的P标签的时候,内层元素的click事件触发,同时外层DIV的click事件也会触发。
JQuery 提供了三种方式来阻止事件冒泡。
方式一:event.stopPropagation();
方式二:event.preventDefault();
方式三:return false;
区别:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。event.preventDefault()则只阻止事件本身,不阻止事件往上冒泡。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。
事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。
结果:这时,当我们点击内层的P标签的时候,内层元素的click事件触发,同时外层DIV的click事件也会触发。
JQuery 提供了三种方式来阻止事件冒泡。
方式一:event.stopPropagation();
方式二:event.preventDefault();
方式三:return false;
区别:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。event.preventDefault()则只阻止事件本身,不阻止事件往上冒泡。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。
相关文章推荐
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡、浏览器默认行为
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- 事件冒泡是什么如何用jquery阻止事件冒泡
- 事件冒泡是什么如何用jquery阻止事件冒泡
- 一个小例子解释如何来阻止Jquery事件冒泡
- Jquery 事件冒泡的介绍以及如何阻止事件冒泡
- 事件冒泡是什么 如何用jquery阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- js 事件冒泡是什么如何用jquery阻止事件冒泡
- JQuery IE下如何阻止keydown事件冒泡
- 什么是事件冒泡?如何用jquery/js阻止事件冒泡?阻止冒泡有什么作用?小生来抛个砖。
- 事件冒泡是什么如何用jquery阻止事件冒泡
- 一个小例子解释如何来阻止Jquery事件冒泡
- jquery与js阻止事件冒泡
- jQuery 中的事件冒泡和阻止默认行为