
正文
jquery防止冒泡事件,js阻止冒泡和默认行为
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jQuery中bind()怎么去除事件冒泡
return false;事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。
事件的这几个特性在0级dom中也是适用的。(2)jquery阻止事件起泡实例 通过返回false来取消默认的行为并阻止事件起泡。
冒泡事件就是点击子节点,事件会向上传递,最后触发父节点,祖先节点的点击事件。
JQuery 提供了三种方式来阻止事件冒泡。方式一:event.stopPropagation();方式二:event.preventDefault();方式三:return false;区别:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。
通过一个小例子来解释 代码如下: Porschev---Jquery事件冒泡 比如上面这个页面, 分为三层:divOne是第外层,divTwo中间层,hr_three是最里层; 他们都有各自的click事件,最里层a标签还有href属性。
相关问答
Q1: jquery怎么在父元素事件中禁止子元素的事件?
1、当父元素绑定了mouseover和mouseout事件后,如果不想子元素触发。可以给子元素加上一个属性。根据这个属性来是否执行相应的操作。
2、因为orange click事件比green click事件先触发,所以后面的事件不能禁止前面的事件触发吧。 所以建议你在orange事件处理函数里判断要不要执行函数体里的语句。
3、JavaScript中防止触发子元素事件时父元素也被触发,可以使用stopPropagation方法来停止子元素向上冒泡。举例如下:HTML代码: 这是子元素JavaScript代码:同时为子元素(p)以及父元素(div)设置了点击事件。
Q2: 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 里面称为事件委派。
关于jquery防止冒泡事件和js阻止冒泡和默认行为的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。








