jQuery事件冒泡及解决办法

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

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的召陵网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

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

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

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

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

如何理解jquery事件冒泡

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

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

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

jquery的冒泡事件

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

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

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

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

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

网站标题：jquery冒泡算法 冒泡算法java
转载注明：http://hbruida.cn/article/dgjipso.html