关于阻止事件的冒泡、阻止默认事件以及return false 的区别

最新推荐文章于 2021-07-16 14:09:37 发布
最新推荐文章于 2021-07-16 14:09:37 发布
阅读量781 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xxxxxxxxYZ/article/details/97791236
版权
  • event.preventDefault

这是阻止默认事件的方法，调用此方法是链接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；

  • event.stopPropagation

这是阻止事件的冒泡方法，不让事件向上蔓延，但是默认事件任然会执行，当调用这个方法时，假如去点击一个连接，这个链接仍然会被打开，

  • return false

这个方法会同事阻止事件冒泡也会阻止默认事件；return false ，连接不会被打开，事件也不会传递到上一层的父元素

用return false就等于同时调用了event.stopPropagation及event.preventDefault

 

js阻止冒泡和默认事件（默认行为）详解
10-21
主要为大家详细介绍了js阻止冒泡和默认事件，即默认行为,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
阻止事件冒泡，阻止默认事件
weixin_44727080的博客
09-30 258
1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素； 3.return false ； 这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父.
JS 之 阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
weixin_39583421的博客
11-06 378
在前端开发中，有时我们需要阻止冒泡和阻止默认事件的发生。 　　一、event.stopPropagation() 　　阻止事件的冒泡，不让事件向documen上蔓延，但是默认事件任然会执行，当调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。 　　二、event.preventDefault() 　　阻止默认事件的方法，调用此方法时，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素； 　　三、return false； 　　这个方法比较暴力，会同时阻止事件冒泡也会阻止默认事件；写上此代码
Developer Test-Jquery-阻止冒泡
06-04 189
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到...
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false；的区别
Dronwing fish
03-20 858
1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。 //js: handleParentClick=()=>{ console.log('这是父层div点击事件'); }; handletClick=()=>{ console.l...
javascript阻止事件冒泡和浏览器的默认行为
11-26
JavaScript中的事件处理是Web开发中的重要组成部分，它允许我们对用户与页面的交互做出响应。在JavaScript中，事件...在编写交互式网页时，了解如何阻止事件冒泡和浏览器的默认行为对于创建定制的用户体验至关重要。
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
12-12
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e....
解决VUE框架 导致绑定事件的阻止冒泡失效问题
08-27
即使我们使用return false或event.stopPropagation()也不能阻止事件冒泡。这个问题是因为Vue框架内部对DOM的处理，使得绑定事件不能生效。 二、解决方案 为了解决这个问题，我们可以使用Vue提供的事件修饰符。事件...
JS 之 阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别...
weixin_30556161的博客
01-30 162
　　在前端开发中，有时我们需要阻止冒泡和阻止默认事件的发生。　　一、event.stopPropagation()　　阻止事件的冒泡，不让事件向documen上蔓延，但是默认事件任然会执行，当调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。　　二、event.preventDefault()　　阻止默认事件的方法，调用此方法时，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素...
return false影响事件冒泡
大灰狼的小绵羊哥哥的博客
03-19 1603
在编写zepto, jquery的事件时，回调函数体中不要使用 return false , 这将阻止事件冒泡，会导致其他的函数捕捉不到事件。 比如前一阵，某位同事无意中修改了一个tap事件导致该元素无法触发公共的统计事件，而全不知其影响。 栗子在此 //html: class="related" data-gjalog="ge">一个按钮 //业务代码: $('.relat
js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()
weixin_33853794的博客
01-08 217
由于每个元素在文档里面触发时都会冒泡 如果每个层上都有alert事件，那么触发里层div时，alert 里层，外层，最外层。 为了防止事件之间干扰，需要阻止事件冒泡。 一般使用e.stopPropagation(); ie8及其以下不支持，需要使用e.cancelBubble=false； 另外e是用来获得window的全局对象。e可以使用任意其他字母或者单词代替，比如a,b,...
(O)阻止默认事件和阻止冒泡的应用场景
weixin_30530339的博客
03-31 298
场景1：阻止默认事件 比如这样的一个需求 点击取消a标签按钮的时候会触发一些js动作，但是不能让这个a标签产生跳转行为， 所以需要在点击取消的时候 阻止冒泡，防止其跳转。 <a id='cancelBtn' href="https://www.baidu.com">取消按钮</a> <script> document.getElement...
JavaScript —— 阻止事件冒泡
解语解花
07-10 383
<div id="one" onclick="alert('我是最外层');"> <div id="two" onclick="alert('我是中间层！')"> <a id="three" href="http://www.baidu.com" onclick="alert('我是最里层！')">点击我</a> </div> </div> 比如上面这个页面，分为三层：one是第外层，two中间层，th
阻止事件冒泡的三种手段
weixin_30856725的博客
01-10 188
阻止事件冒泡的三种手段 1、return false：可以阻止默认事件和冒泡事件 2、event.stopPropagation/IE下event.cancelBubble = true;：可以阻止冒泡事件但是允许默认事件 3、event.preventDefault();/IE下event.returnValue = false：可以阻止默认事件但是允许冒泡事件 1 <!D...
leaflet 笔记
qq_34870529的博客
07-16 869
1、阻止事件冒泡 L.DomEvent.disableClickPropagation(document.querySelector('.layer_panel'))
阻止事件冒泡方法
weixin_57157220的博客
07-09 1万+
阻止事件冒泡方法 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不止事件向document上蔓延，但是默认事件任然会执行，当你调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法时，链接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素 3.return false; 这个方法比较暴力，他会同时阻止事件冒泡也会阻止默认事件，不仅阻止了事件往上冒泡，而且阻止了事件本身
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
热门推荐
积少成多
11-11 10万+
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父...
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return fal的区别...
weixin_33774615的博客
11-11 1941
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，...
JQUERY中的事件处理：RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题
weixin_33735077的博客
09-27 235
为什么80%的码农都做不了架构师？>>> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值