JQuery中阻止事件冒泡几种方式及其区别介绍_jquery

JQuery 提供了两种方式来阻止事件冒泡。

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了平遥免费建站欢迎大家使用！

通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

事件的传播是有方向的，当点击一个按钮时所产生的事件从这个按钮处开始向上传播（就像一个水泡从杯底冒上来，这就是之所以叫事件冒泡的原因），但这个事件总是寻找特定的属性是否有值。

冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。

事件冒泡的作用：事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。

jQuery事件冒泡及解决办法

1、JQuery 提供了两种方式来阻止事件冒泡。

2、事件的传播是有方向的，当点击一个按钮时所产生的事件从这个按钮处开始向上传播（就像一个水泡从杯底冒上来，这就是之所以叫事件冒泡的原因），但这个事件总是寻找特定的属性是否有值。

3、通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

4、e.stopPropagation()方法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。

5、标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。

6、你再子菜单绑定的函数里面最后一行写上return false；就能阻止事件冒泡了。

jQuery如何防止这种冒泡事件发生_jquery

通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

事件的传播是有方向的，当点击一个按钮时所产生的事件从这个按钮处开始向上传播（就像一个水泡从杯底冒上来，这就是之所以叫事件冒泡的原因），但这个事件总是寻找特定的属性是否有值。

冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。

如在一个按钮是绑定一个”click”事件，那么”click”事件会依次在它的父级元素中被触发 。stopPropagation就是阻止目标元素的事件冒泡到父级元素。

下面我就为大家分享一篇jQuery 防止相同的事件快速重复触发方法。具有很好的参考价值，希望对大家有所帮助。

jquery事件冒泡的介绍以及如何阻止事件冒泡_jquery

通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

事件的传播是有方向的，当点击一个按钮时所产生的事件从这个按钮处开始向上传播（就像一个水泡从杯底冒上来，这就是之所以叫事件冒泡的原因），但这个事件总是寻找特定的属性是否有值。

JQuery 提供了两种方式来阻止事件冒泡。

冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。

如何理解jquery事件冒泡

1、通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

2、事件冒泡（IE提出）：从最具体的元素接收，然后逐级向上传播到较为不具体的节点 事件捕获：从较为不具体的节点接收，然后逐级向下到最具体的元素。PS：假设有一个文档，节点为 html→body→div→button 。

3、冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。