jQuery阻止冒泡事件的几种方法

一、何为冒泡事件

冒泡事件简单来说就是点击子节点，会向上触发父节点、祖先节点的点击事件。

二、阻止事件冒泡

可以通过以下三种方法做到不同程度的阻止。

1、return false (In event handler ,prevents default behavior and event bubbing )

return false 在事件的处理中，可以阻止默认事件和冒泡事件。

2、event.preventDefault() (In event handler ,prevent default event (allows bubbling) )
event.preventDefault()在事件的处理中，可以阻止默认事件但是允许冒泡事件的发生。

3、event.stopPropagation() (In event handler ,prevent bubbling (allows default behavior))

event.stopPropagation()在事件的处理中，可以阻止冒泡但是允许默认事件的发生。

jQuery阻止冒泡事件的几种方法相关推荐

JS中阻止冒泡事件的三种方法
冒泡事件:比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这一过程被称为事件冒泡. <div class="box"><button c ...
jQuery阻止冒泡事件的方法
jQuery提供了两种阻止冒泡事件的方法方式一.event.stopPropagation() $('#div1').mousedown(function(event){ event.stopPro ...
JQuery阻止冒泡事件on绑定中异常情况分析
本文转载自https://www.cnblogs.com/tengj/p/4794947.html,纯粹作为日常笔记使用科普下事件冒泡以及默认行为,以下面例子举列子: 事件冒泡:当点击内部butto ...
jquery 阻止冒泡事件和阻止默认事件
jQuery 冒泡和默认事件: <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
js jquery阻止冒泡事件
event.stopPropagation(); -- 阻止元素冒泡事件注:嵌套元素一般都存在冒泡事件,会带来某些影响例:<div id="c1" οnclick=& ...
jquery阻止冒泡事件行为发生
<div οnclick="a()"> <p οnclick="b()"></p> </div> div和p元素 ...
jQuery中绑定事件的几种方法
以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){}); (2)target.bind("click",functi ...
jQuery阻止冒泡事件（单击事件执行了两次或多次）
一.第一种(亲测) 下面代码报错但能解决冒泡问题,因为正确调用方法为:event.stopPropagation(); event.stopPropagation() 方法:终止事件在传播过程的捕获. ...
jquery阻止冒泡事件（阻止点击子元素触发父元素）
1.阻止onclick事件采用window.event.stopPropagation(); 示例: **HTML:** <div onclick = "feather()" ...

jQuery阻止冒泡事件的几种方法

一、何为冒泡事件

二、阻止事件冒泡

jQuery阻止冒泡事件的几种方法相关推荐

最新文章

热门文章