e.preventDefault() e.stopPropagation()和return false的区别

最新推荐文章于 2022-09-22 13:21:06 发布
转载 最新推荐文章于 2022-09-22 13:21:06 发布 · 102 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/Benjamin/p/5184213.html

本文介绍了JavaScript中如何使用e.preventDefault()阻止事件的默认行为，如阻止a标签的页面跳转；使用e.stopPropagation()阻止事件冒泡传播；以及使用return false同时阻止默认行为和事件冒泡。 
e.preventDefault(); //阻止事件的默认行为，比如a标签的转向，但不阻止事件的冒泡传播
e.stopPropagation() //阻止事件的冒泡传播，但不阻止其默认行为
returne false;      //阻止两者

转载于:https://www.cnblogs.com/Benjamin/p/5184213.html

阻止事件冒泡的方法、event.stopPropagation()、阻止默认行为、event.preventDefault()
imkaifan的博客
11-10 1556
1、event.stopPropagation() <body> <form id="form1" runat="server"> <div id="divOne" onclick="alert('我是最外层');"> <div id="divTwo" onclick="alert('我是中间层！')"> <a id="hr_three"
e.preventDefault()和e.stopPropagation()以及return false的作用和区别
weixin_30807779的博客
02-07 1803
前段时间开发中，遇到一个父元素和子元素都有事件时，发现会出现事件冒泡现象，虽然知道ev.stopPropagation()和ev.preventDefault()其中一个是阻止事件冒泡和阻止默认行为，却不知ev.preventDefault()和ev.stopPropagation()以及return false之间的详细区别，于是闲了就学了一下。 在此之前，先复习一下事件机制。dom事件通常会...
e.stopPropagation()
a785589446的博客
04-01 2146
1. 定义和用法 不再派发事件。 终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。 2. 语法 event.stopPropagation() 3. 说明 　　该方法将停止事件的传播，阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意，虽然该方法不能阻止同一个...
e.preventDefault()和e.stopPropagation()的区别
qq_43036424的博客
11-07 459
e.stopPropagation()阻止事件冒泡 <table border='1'> <tr> <td><span>冒泡事件测试</span></td> <td><span>冒泡事件测试2</span></td>`在这里插入代码片` ...
js e.stopPropagation()阻止冒泡事件和e.preventDefault()阻止默认行为的应用场景
PrimaryColor
01-27 2972
一、阻止冒泡事件。 示例图： 通常，在很多用户界面中，都经常出现如上图所示，点击列表的时候，进入这条数据的详情页面，点击编辑的时候，弹窗编辑这条数据的信息。但是呢，做完之后，发现点击编辑的时候不仅仅会打开弹窗并且还会跳转页面，也就是两个事件都触发了，这个时候我们就需要在点击编辑的时候，阻止事件继续往上派发。 代码： $('.toDetail').on('click',function(){ console.log('跳转详情页面'); }); $('.editDetail').on('
jQuery中的冒泡和默认行为
cdc8596的博客
01-03 325
1.      //e.stopPropagation();是阻止冒泡的函数              //e.preeventDefault()是阻止表单的默认行为,比如点击超链接跳转,就可以阻止跳转到指定的页面          //stopImmediatePropagation();取消冒泡事件并取消该事件的后续处理函数             $('input').bind('
return false;和e.preventDefault();的区别
09-05
在JavaScript和jQuery中，`return false;` 和 `e.preventDefault();` 都被用来取消默认行为，但它们之间存在一些微妙的区别。这两种方法通常在处理DOM事件，如点击（click）事件时使用，以防止浏览器执行与事件关联...
使用了e.preventDefault(); e.stopPropagation();没有生效
最新发布
11-28
我们之前讨论过阻止el-upload弹出文件选择框的几种方法，其中一种是在按钮上使用事件修饰符@click.stop并调用e.preventDefault()和e.stopPropagation()。但用户现在反馈这种方法无效，因此需要深入分析原因并提供...
e.preventdefault
07-30
在 JavaScript 中，`e.preventDefault()` 是一个用于阻止事件默认行为的方法。当某个元素的默认行为被触发时（如点击...- `e.returnValue = false` 是 `e.preventDefault()` 的替代方案，主要用于支持旧版浏览器 [^4]。
高德地图e.preventDefault is not a function
09-12
针对高德地图开发中出现的 `e.preventDefault is not a function` 错误，以下是具体解决方案和原因分析： ### 错误原因 1. **事件对象不匹配** - 高德地图事件回调中 `e` 参数是**封装后的事件对象**，非浏览器...
js禁止事件冒泡e.stopPropagation();
热门推荐
杨咩咩
06-14 1万+
事件冒泡：当点击一个按钮后，此事件会一直向上传递，称为事件冒泡。可能会对父类活根类型事件造成影响。 例如：点击【按钮】弹出一个框，点击空白处，弹框消失。由于【按钮】是向上传递的，点击后会同时触发 点击空白处弹框消失事件。 js禁止事件冒泡方法：在【按钮】的触发框事件种禁止冒泡e.stopPropagation(); $.('btn').on('click', function(e){ ...
e.preventDefault()与e.stopPropagation()的区别
前端菜菜DayDayUp的博客
07-22 241
转载：https://blog.csdn.net/xiaobing_hope/article/details/50674998
阻止事件冒泡 - e.stopPropagation()
一个小白，博文源于浏览各个大佬所得，感谢行业大佬们！
09-22 1075
阻止事件冒泡 - e.stopPropagation()
事件冒泡 ，阻止事件冒泡 e.stopPropagation()
Fanbin168的专栏
07-30 1万+
冒泡 $(function () { $("div li").click(function (e) { alert("我是li"); return false; }) $("div ul").click(function (e) { //这个e其实就是even
事件穿透与禁止穿透(e.stopPropagation()、e.preventDefault()、return false)
dmr123456的博客
06-03 3951
问题：点击立即预约按钮会同时触发查看详情事件 解决方案：在顶层事件中添加禁止穿透事件可防止触发底层事件。 const goAppointment = e => { e.stopPropagation(); // 禁止事件冒泡 }; const AuthenticateItem = ({ appraisalType, data, onClick = () => {} }) => ( <div className={styles.lawyerItem} ..
stopPropagation()；和 return false;和e.preventDefault;的区别
dandan1924的博客
09-07 659
1. 存在的原因 （1）因为有父节点.子节点的存在 （2）有监听事件和浏览器默认事件之分 使用javascript时为了达到预期的效果，经常需要阻止事件和动作执行，下面我们来一一讲解。 术语补充： 监听事件：在节点上能被监听的页面操作，例如： select 节点的 change 事件，a节点的click事件。 浏览器默认动作：指特定元素上带有的默认功能，如：a链接节点的跳转，表单提
stopImmediatePropagation&stopPropagation 区别
dpwangyanli的专栏
12-19 287
stopImmediatePropagation 与 stopPropagation 不同之处 请仔细查看加粗的文字并结合图例理解。     stopImmediatePropagation 防止对事件流中当前节点中和所有后续节点中的事件侦听器进行处理。此方法会立即生效，并且会影响当前节点中的事件侦听器。   stopPropagation  防止对事件流中当前节点的后续节点中的所有事件...
e.stopPropagation 与 e.stopImmediatePropagation的区别
tangcc的博客
03-01 5132
在vue中使用时stopImmediatePropagation可以让事件立即结束，而stopPropagation有时会循环，这点十分重要。如下示例：$(".content-ul").on("click", ".img-li", function (e) { e.stopImmediatePropagation(); if ($(".content-ul .img-li").length...
e.preventDefault() e.stopPropagation() return false 三者的区别
dicishi0158的博客
06-03 339
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css" media="sc...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值