Jquery使用stopPropagation需要注意的问题

最新推荐文章于 2023-07-26 13:00:35 发布
最新推荐文章于 2023-07-26 13:00:35 发布
阅读量3.7k 收藏 1
点赞数
分类专栏： Javascript Exception 文章标签： jquery 2010
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eimsteim/article/details/5791972
版权

在使用live()绑定事件时，stopPropagation()失效了，查阅后发现官网上作者给出一个解决方案，截图如下：

 

 

 

 

意思说的很到位，我就不冗叙了，值得注意的是该回复的时间，是两周前，也就是约2010年7月中旬，那么就是说在Jquery1.4版本中，这个问题依然没有得到解决。

 

空想家
关注
专栏目录
[jQuery]event.stopPropagation()报错
网站开发初中级代码参考-转载
07-17 228
使用jQuery给一个事件加处理方法时，为了阻止一个事件向上冒泡，使用了event.stopPropagation()，但在IE下却报对象不支持此属性或方法的错误（IE下是event. cancelBubble=true），jQuery不是兼容各浏览器吗？ 后来看了下jQuery的官方文档后，原来在使用event的时候，必须在事件处理方法中加入参数event，否则这个event为 window....
jquery中的stopPropagation
cheng198938的博客
01-24 458
stopPropagation()函数用于阻止当前事件在DOM树上冒泡。
无涯教程-jQuery - stopPropagation()方法函数
最新发布
无涯教程
07-26 291
stopPropagation()方法停止将事件冒泡到父元素，从而防止任何父处理程序收到该事件的通知。您可以使用方法 event.isPropagationStopped()来了解是否曾经在该事件对象上调用过此方法。
jQuery事件小知识-stopPropagation
qq_31769405的博客
06-01 373
jQuery 事件小知识-1event.stopPropagation()event.delegate() event.stopPropagation() 事件功能作用：阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。 当内部容器事件和父容器事件重叠，此功能异常实用。 如图，当div元素内的i元素靠近div元素时，此时的标签的点击事件可能和div的点击事件同时发生，造成功能混乱。利用stopPropagation()方法，可阻止点击i元素时的事件冒泡到父元素。 event.delegate() 语
jQuery event.stopPropagation() 方法
飞翔的熊blabla
01-15 647
event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。 $("span").click(function(event){ event.stopPropagation(); alert("The span element was clicked."); }); $("p").click(function(event){ alert("The p ...
Jquery阻止事件冒泡 event.stopPropagation
10-28
总结来说，`event.stopPropagation()`是jQuery中用来控制事件流的重要工具，它允许你在需要的时候精确地控制事件处理流程，避免不必要的事件冒泡到DOM树的上级元素。在编写交互丰富的Web应用时，熟练掌握这一技巧能...
jquery 注意事项与常用语法小结
10-29
使用`val()`方法设置或获取表单元素的值时，需要注意其读取顺序是从最后一个选项向前匹配。比如，如果`<option>`的`value`和`text`不一致，`val()`将根据`text`来选定选项。 4. **css()方法**： 设置CSS属性时，...
jquery mobile的触控点击事件会多次触发问题的解决方法
10-25
当然，还需要注意不同设备的兼容性问题，并且适当使用event.stopPropagation()方法来避免事件冒泡带来的影响。通过充分理解和应用jQuery Mobile提供的手势事件监听，我们可以创建更加稳定和流畅的移动用户界面体验。
JQuery中使用on方法绑定hover事件实例
10-25
4. 在使用`on`方法时，需要注意事件冒泡（event bubbling）的问题。如果需要在特定的子元素上触发事件而不影响父元素，可以在子元素的事件处理函数中使用`event.stopPropagation()`方法。 总结来说，当需要在一些...
jQuery Event.stopPropagation() 函数详解
Gavid0124的专栏
04-13 949
stopPropagation()函数用于阻止当前事件在DOM树上冒泡。 根据DOM事件流机制，在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上，如果这些祖辈元素上也绑定了相应的事件处理函数，就会触发执行这些函数。 使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒泡传递，也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。 该函数只阻止事件
jquery中stopImmediatePropagation和stopPropagation
liuyuqin1991的专栏
05-04 540
案例： 需求：当class为shop-select-no时，点击区域只执行shop-select-no的点击事件；当class为shop-select-yes时，点击区域只执行shop-select-yes的点击事件； HTML： &lt;div class="shop-select-no"&gt; &lt;/div&gt; JS： $('#main').on('click','.shop...
jquery点击内联触发外层事件,event.stopPropagation()和event.preventDefault()
qq_45904018的博客
09-29 684
阻止事件冒泡
Jquery减少叠加的方法_添加event.stopPropagation()_实例
有 prepare , No out
07-19 1467
1 阻止可能的三层叠加jquery    只是多加了一个事件方法而已： event.stopPropagation(); Panel *{margin:0;padding:0;} body { font-size: 13px; line-height: 130%; padding: 60px; } #content { width: 220px; border: 1px so
jQuery event.stopPropagation() 的理解
weixin_45317902的博客
08-04 557
event.stopPropagation          阻止捕获和冒泡阶段中当前事件的进一步传播。          但是，它不能防止任何默认行为的发生； 例如，对链接的点击仍会被处理。    语法         
JQuery 阻止事件冒泡---3种实现方式
Nick.Peng's Blogs
09-20 7980
第一种：return false： 缺点：直接返回了函数，函数后面的语句没法执行了； $('.btn').on('click',function(event){ do something ... return false }) 第二种：event.stopPropagation()： 1、阻止事件冒泡这里以click事件为例 <divclass="b...
jQuery阻止事件冒泡
weixin_30332705的博客
09-03 148
jQuery 提供了两种方式来阻止事件冒泡。 方式一： event.stopPropagation(); $("#div1").mousedown(function(event) { event.stopPropagation(); }); 方式二：return false; $("#div1").mousedown(function(event) { retur...
jQuery基础（事件、其他方法-内容）
weixin_57920269的博客
03-14 473
事件的相关操作、拷贝、多库共存、插件（轮播图、全屏滚动、bootstrap等）
JQuery对stopPropagation()的兼容性处理
u010289111的专栏
04-05 2781
原来对父元素做的点击事件发现冒泡到了子元素上面。 然后需要阻止父元素的冒泡，使用了 stopPropagation()方法，我记得这个方法是指针对部分浏览器，针对ie还有什么要使用cancelBuble. 然后我找了很久找了一段对冒泡事件做兼容性处理代码 function scitylist (obj,event){        stopP(event);//阻止事件冒泡       
DOM编程和JS书写中的一些报错
m0_71073278的博客
05-25 1846
1.获取元素的css： 获取标签的高: <body> <p class="myp">一个段落<br>一个段落<br>一个段落<br>一个段落<br>一个段落<br>一个段落<br> 一个段落<br>一个段落一个段落一个段落一个段落<br>一个段落一个段落 一个段落一个段落<br>一个段落<br>一个段落<br>一个段落</p> <
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值