jQuery的的方法阻止冒泡和默认的事件(三种方法)

最新推荐文章于 2020-12-24 14:49:50 发布
原创 最新推荐文章于 2020-12-24 14:49:50 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了三种JavaScript事件处理技巧：使用returnfalse阻止默认事件和冒泡；使用event.preventDefault()阻止默认事件但允许冒泡；使用event.stopPropagation()阻止冒泡但允许默认事件发生。
1：return false ----》 在事件的处理中，可以阻止默认事件和冒泡事件。 
2：event.preventDefault()---》在事件的处理中，可以阻止默认事件但是允许冒泡事件的发生。 
3：event.stopPropagation()---》在事件的处理中，可以阻止冒泡但是允许默认事件的发生。
jquery阻止事件冒泡
11-25
jquery阻止事件冒泡jquery阻止事件冒泡jquery阻止事件冒泡
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
10-23
// 只阻止默认行为，不阻止冒泡 e.preventDefault(); }); ``` 3. 使用`event.stopPropagation()`：此方法用于阻止事件向上冒泡到父元素，但不会影响默认行为。例如： ```javascript $('#btn').click(function...
JQuery中阻止事件冒泡方式及其区别
cfm_123456的专栏
01-09 749
JQuery 提供了两种方式来阻止事件冒泡。 方式一：event.stopPropagation();         $("#div1").mousedown(function(event){             event.stopPropagation();         }); 方式二：return false;         $("#div1").mousedown(
JQuery阻止事件冒泡
weixin_30478757的博客
11-10 299
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。 我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也执行，这时候我们就要用到阻止冒泡。 通俗点来说吧，你在家里看电视，躲在自己的小房间，但是你不希望声音传到隔壁父母的...
jquery阻止事件冒泡的两种方法
热门推荐
Richard.Dai的专栏
12-07 1万+
事件的旅程： 当页面上发生一个事件时，每个层次上的DOM元素都有机会处理这个事件。以下面的页面模型为例： 1. 2. 3. 下午茶-网页前端 4. 5.jquery事件冒泡-下午茶-网页前端 6. 当在浏览器中形象化地呈现这些由嵌套的代码构成的元素时，我们看到的效果其实是这样的。   举例来说，如果单击
jQuery中阻止冒泡事件的方法介绍
10-26
2. **`return false`**：这是一个简化的阻止冒泡的方式，同时也阻止了事件的默认行为（如链接的跳转）。但是，这种方法并不推荐，因为它可能会引起其他副作用，比如阻止了事件处理函数内部的正常流程。 3. **兼容性...
浅谈jQuery 中的事件冒泡和阻止默认行为
10-22
综上所述，jQuery中的事件冒泡和阻止默认行为是前端开发中经常遇到的两种情况。合理地使用`stopPropagation()`和`preventDefault()`这两个方法，可以帮助我们编写出更为丰富和动态的Web应用。掌握这些概念和技巧，...
jQuery阻止冒泡和HTML默认操作
12-02
// 阻止冒泡，允许默认行为 event.stopPropagation(); }); ``` 在实际应用中，根据需求选择合适的阻止方式是非常重要的。例如，如果你想要在菜单项点击时显示/隐藏子菜单，同时防止点击触发菜单项的默认链接行为...
jquery的冒泡事件的阻止与允许(三种实现方法)
01-21
有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false —>In event handler ,prevents default behavior and ...
阻止事件冒泡的方法
qq_43294510的博客
03-02 779
阻止事件冒泡的方法 首先看看事件冒泡是什么？ 事件冒泡代码结构上嵌套，在直系关系中；同一个事件绑定多个元素（子元素，父元素…都绑定该事件），从子元素到父元素依次触发事件。 代码很简单，就是三个父子关系的div,然后分别加了点击事件。阻止冒泡。 css样式代码 <style> .wrap { width: 400px; height: 400px; background: red; } ...
jquery阻止事件冒泡的方法
weixin_30922589的博客
09-17 90
$("table tbody").click(function(e) { e.preventDefault(); //阻止自身的事件，并不能阻止冒泡 e.stopPropagation(); //阻止事件冒泡　　　 return false; //阻止事件冒泡}); 转载于:https://www.cnblogs.com/guanghe/p/9661653.h...
jquery中阻止事件冒泡的方法
weixin_34379433的博客
01-25 219
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery 阻止事件冒泡
NotBad_的博客
11-21 560
jQuery 提供了两种方式来阻止事件冒泡。 方式一：event.stopPropagation();         $("#div1").mousedown(function(event){             event.stopPropagation();         }); 方式二：return false;         $("#div1").mo
如何阻止事件冒泡和默认（行为）事件？
binlety
08-04 7915
1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素； 3.return false  ； 这个方...
jquery阻止默认行为_javascript, jQuery阻止默认事件和冒泡事件
weixin_35025310的博客
12-24 309
事件冒泡(event bubbling)事件冒泡是指一个元素上的事件被触发，然后这个事件按嵌套顺序在父级元素上触发，直至document根节点。例如：Event Bubbling ExampleClick Me如果单击了页面中的元素，那么事件会按以下顺序传播： --> --> --> document也就是说，click 事件首先在元素上发生，这个元素就是被点击的元素。然后，...
JQuery中阻止事件冒泡
ASIA_技术
12-03 553
方式一：event.stopPropagation() $("#div1").click(function(event){ event.stopPropagation(); }); 方式二：return false $("#div1").click(function(event){ 　return false; }); 注意： event.stopPropagation(...
jquery阻止默认行为_Jquery 事件冒泡 以及阻止默认事件
weixin_26736139的博客
12-24 669
1.e.preventDefault()阻止事件默认行为e.preventDefault();----根据英文意思，如：xx$("#xx").click(function(e){alert("xxx");e.preventDefault();}); ----------------------------------这个时候 会弹出“xxx”，不会跳转到href==2.e.stopPropaga...
掌握JQuery阻止事件冒泡的两种方法
资源摘要信息: "JQuery 提供了两种方式来阻止事件冒泡" 事件冒泡是JavaScript中的一个过程，当一个元素上的事件被触发时，该事件会沿着DOM树向上传播，从最深的节点开始，一直到根节点。这一过程称为事件冒泡。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值