preventDefault,stopPropagation及return false的区别

最新推荐文章于 2023-07-12 16:12:23 发布
最新推荐文章于 2023-07-12 16:12:23 发布
阅读量190 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/harryhare/article/details/81951983
版权

参考下面两篇，这两篇都有很详细的例子和解析：
https://blog.csdn.net/wxl1555/article/details/53128966
https://segmentfault.com/a/1190000008227026

总结一下，几个独立的概念：
1.event的传播方向
从上到下 和 从下到上
其中 从下到到上 就是bubble ， 是addEventListener() 的默认方式（第三个参数默认为false）

2.preventDefault,stopPropagation的区别
比如一个<a>标签默认是超链接，点击会跳转，如果不想其跳转，则可在onClick函数中使用preventDefault()
stopPropagation 在冒泡的设定下即为阻止向下的冒泡

3.return false 是jQuery的概念
return false 同时有preventDefault,stopPropagation的作用，但是对于纯js的addEventListener 则没有作用

harryhare
关注
专栏目录
event.preventDefault VS return false
liuhao9999的博客
07-26 204
如果您使用该方法处理事件，则对默认行为没有任何影响。，处理程序会执行其他操作。问题是，如果处理程序中发生任何运行时错误，我们将无法到达最后的。或者我们不想在单击提交按钮时提交表单。如果您使用jQuery来管理事件，那么您可以。如果您使用jQuery来管理事件，则其。因为后者仅适用于使用。将删除同一事件的其他处理程序的属性。是防止默认事件发生的不同方法。...
stopPropagation()阻止事件冒泡与preventDefault()阻止事件的默认行为
余浩的博客
07-21 4803
//阻止冒泡事件 evt.stopPropagation(); // 只执行button的click，如果注释掉该行，将执行button、p和div的click （同类型的事件）
stopPropagation, preventDefault 和 return false 的区别
水果蔬菜拼盘，大象与跳蚤共舞
01-06 161
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.   术语 监听事件, 在在节点上能被监听的页面操作...
JavaScript event.preventDefault和return false
沉默王二
09-28 2320
我们都知道JavaScript```event.preventDefault()```可以用来阻止web元素的原始事件，比如说a标签如果有href属性，通常情况下，点击链接就会跳转，但是增加```event.preventDefault()```可以阻止连接的跳转。但是我们往往会忽略```return false```。
return false;和e.preventDefault();的区别
精彩人生
01-03 707
from:http://css-tricks.com/return-false-and-prevent-default/ Have you ever seen those two things (in the title) being used in jQuery? Here is a simple example: $("a").click(function() {    $("body
return false和e.preventDefault()
ajo49838的博客
06-18 169
return false等效于调用e.preventDefault()以及e.stopPropagation()，所以区别在于,return false除了阻止默认行为之外，还会阻止event flow 如果手上有一份jquery源代码的话，可查看其中有如下代码： if (ret===false){ 　　event.preventDefault(); 　　event.stopPr...
学习jQuey中的return false
09-03
总之，理解并恰当使用`return false`、`.preventDefault()` 和 `.stopPropagation()` 是编写高效、可控的jQuery事件处理代码的关键。根据实际情况选择合适的方法，可以有效地控制事件的执行流程，提高用户体验。
浅析return false的正确使用
09-04
本文将深入探讨何时以及如何正确地阻止浏览器的默认行为，以及`return false`与`event.preventDefault()`、`event.stopPropagation()`和`event.stopImmediatePropagation()`之间的区别。 首先，`return false`在...
js中的return false 、event.preventDefault()和event.stopPropagation()
捣蛋的博客
12-17 419
原文地址：https://www.cnblogs.com/momo798/p/6025777.html 作用:阻止浏览器默认行为。 事件处理程序的返回值只对通过属性注册的处理程序才有意义，如果我们未通过addEventListener()函数来绑定事件的话，若要禁止默认事件，用的就是return false; 但如果要用addEventListener()或者attachEvent()来绑定，...
js中的preventDefault与stopPropagation详解
12-12
首先讲解一下js中preventDefault和stopPropagation两个方法的区别：preventDefault方法的起什么作用呢？我们知道比如<a>百度</a>,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为，而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。看一段代码大家就明白了： 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
e.preventDefault()与return false的区别
weixin_43852569的博客
08-16 471
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
return false;和e.preventDefault;的区别
tao_wei162的博客
05-30 246
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.术语监听事件, 在在节点上能被监听的页面操作. 如: selec...
preventDefault()、 preventDefault()和 return false 的区别
JiangJunDriver的博客
05-31 4185
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.一、术语监听事件：在在节点上能被监听的页面操作. 如: selec
return false和e.preventDefault()的区别
客栈
06-06 868
Have you ever seen those two things (in the title) being used in jQuery? Here is a simple example:  复制代码代码如下: $("a").click(function() {  $("body").append($(this).attr("href"));  return fal
js的preventDefault()
最新发布
qq_41045651的博客
07-12 1925
当用户与页面进行交互时，比如点击链接、提交表单等，浏览器会根据事件的默认行为执行相应的操作。但有时候我们希望在事件发生时取消默认行为，这时就可以使用。方法只能阻止事件的默认行为，但并不会停止事件的传播（冒泡或捕获）。如果需要完全停止事件的传播，可以使用。方法，阻止了链接的默认跳转行为。方法通常用于事件处理函数中，它可以阻止事件的默认行为发生，从而实现自定义的操作。在上述示例中，当用户点击链接时，事件处理函数被触发。是一个 JavaScript 方法，常用于阻止事件的默认行为。// 阻止链接的默认跳转行为。
关于js里面e.preventDefault()
qaz980930841的博客
01-09 6517
定义和用法 preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。 document.onclick=function(e){ e.preventDefault();      //阻止元素发生默认行为 if(e.target!=document.getElementById("myInput")){ hidePage
Js阻止事件冒泡与阻止默认事件
qsj0606的博客
04-23 2406
Js阻止事件冒泡与阻止默认事件 1、event.stopPropagation()方法 event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。 提示：请使用 event.isPropagationStopped() 方法来检查指定的事件上是否调用了该方法。 2、event.preventDefault()方法 取消事件的默认动作。该方法将通
理解JavaScript中return false的正确使用
文章深入分析了`return false`、`event.preventDefault()`、`event.stopPropagation()`以及`event.stopImmediatePropagation()`的区别和应用场景，并强调了选择正确方法和适当位置执行的重要性。" 在JavaScript和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值