浅谈 return false 和preventDefault stopPropagation stopImmediatePropagation 的正确用法

最新推荐文章于 2024-04-16 00:30:00 发布
转载 最新推荐文章于 2024-04-16 00:30:00 发布 · 112 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/xshaohua-com/p/6704469.html

本文详细解释了JavaScript中returnfalse的作用及其背后实现的三个步骤，包括阻止默认行为、停止事件冒泡以及立即终止回调函数执行。同时介绍了三种关键的事件处理方法：event.preventDefault(), event.stopPropagation() 和 stopImmediatePropagation()。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.使用return false实际上做了3件事：（谨慎使用）

　　event.preventDefault();

　　event.Propagation();

　　停止回掉函数执行并立即返回

2.event.preventDefault()  ----->阻止浏览器继续执行默认行为

3.event.stopPropagation() ----->停止事件冒泡 event bubbling

4. stopImmediatePropagation ------>停止一个事件执行

 

link:http://www.jb51.net/article/42711.htm

 

转载于:https://www.cnblogs.com/xshaohua-com/p/6704469.html

stopPropagation()阻止事件冒泡与preventDefault()阻止事件的默认行为
余浩的博客
07-21 4906
//阻止冒泡事件 evt.stopPropagation(); // 只执行button的click，如果注释掉该行，将执行button、p和div的click （同类型的事件）
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”
js中的preventDefault和stopPropagation
weizuqing的专栏
01-07 270
首先讲解一下js中preventDefault和stopPropagation两个方法的区别： preventDefault方法的起什么作用呢？我们知道比如百度,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的默认行为，而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。看一段代码大家就...
前端知识点（1）——preventDefault和stopPropagation
itYuMi的博客
03-06 585
阻止表单、链接的默认行为；阻止冒泡事件
stopPropagation()与stopImmediatePropagation()的区别
wen110898的博客
04-06 1577
相信很多小伙伴都知道如何阻止“事件冒泡”，使用event.stopPropagation()或者使用event.stopImmediatePropagation()又或者两者一起使用，但是你知道他们之间的区别吗？ 首先我们先看看MDN官网对两者的定义浅浅了解一下: stopPropagation Event 接口的 stopPropagation() 方法阻止捕获和冒泡阶段中当前事件的进一步传播。但是，它不能防止任何默认行为的发生；例如，对链接的点击仍会被处理。如果要停止这些行为，请参见 pre
浅析return false的正确使用
09-04
总结来说，正确使用`return false`、`event.preventDefault()`、`event.stopPropagation()`和`event.stopImmediatePropagation()`的关键在于理解它们各自的作用，并根据实际需求选择合适的操作。通常，`event....
理解JavaScript中return false的正确使用
文章深入分析了`return false`、`event.preventDefault()`、`event.stopPropagation()`以及`event.stopImmediatePropagation()`的区别和应用场景，并强调了选择正确方法和适当位置执行的重要性。" 在JavaScript和...
jQuery事件处理：return false 的误解与正确使用策略
本文将分析"return false"的真正作用，以及与之相关的其他方法，如`event.preventDefault()`、`event.stopPropagation()` 和 `event.stopImmediatePropagation()`。 首先，当在`click`事件处理函数中使用`return ...
(function() { 'use strict'; ["visibilitychange", "blur", "focus", "focusin", "focusout"].forEach( (e) => { window.addEventListener( e, (e) => { e.stopImmediatePropagation && e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault(); return false; }, true ); } ); })();
最新发布
03-24
好的，我现在需要解决用户在JavaScript中正确使用stopImmediatePropagation、stopPropagation、preventDefault以及返回false对事件影响的问题。首先，我得回忆一下这几个方法各自的作用和区别。 用户提到了四个关键...
event中的stopPropagation和preventDefault
07-26 1416
1、DOM事件模型；2、事件默认行为；3、stopPropagation；4、preventDefault；5、栗子分析
javascript中的preventDefault与stopPropagation作用介绍
ZYallers
06-25 1484
preventDefault方法的起什么作用呢？ 我们知道比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为。 preventDefault方法又起什么作用？ preventDefault是可以阻止它的默认行为的发生而发生其他的事情。起到阻止js事件冒泡的作用。
preventDefault与stopPropagation的作用
热门推荐
u010565037的博客
10-19 1万+
如题，本篇文章讨论preventDefault和stopPropagation二者的作用，首先，先理解一下二者的字面意思： 一、preventDefault，prevent是动词，意为“防止，阻止”；Default是名词，有“系统默认值”的意思，preventDefault在js中的意思就是“阻止系统默认（行为）”。 二、stopPropagation，stop是动词，意为“中止”；Pr...
阻止事件e.stopPropagation()和e.preventDefault的区别
z2000ky的博客
12-07 2880
这两个方法可以单独使用，也可以组合使用，具体取决于你的需求。用于阻止事件的传播，而。用于阻止事件的默认行为。
Js阻止事件冒泡与阻止默认事件
qsj0606的博客
04-23 2603
Js阻止事件冒泡与阻止默认事件 1、event.stopPropagation()方法 event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。 提示：请使用 event.isPropagationStopped() 方法来检查指定的事件上是否调用了该方法。 2、event.preventDefault()方法 取消事件的默认动作。该方法将通
preventDefault()和stopPropagation()的联系和区别
g841805的博客
04-16 1169
都是event方法，都能阻止事件发生。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值