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

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

创新互联建站-专业网站定制、快速模板网站建设、高性价比临夏州网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式临夏州网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖临夏州地区。费用合理售后完善，10余年实体公司更值得信赖。

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

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

jquery的冒泡事件

JQuery 提供了三种方式来阻止事件冒泡。方式一：event.stopPropagation()；方式二：event.preventDefault()；方式三：return false；区别：event.stopPropagation() 只阻止事件往上冒泡，不阻止事件本身。

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

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

jQuery如何阻止事件冒泡

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

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

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

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

5、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

分享文章：jquery捕捉冒泡 js中的事件冒泡和事件捕获
本文URL：http://scyanting.com/article/dgejech.html