e.preventDefault()与return false的区别

最新推荐文章于 2024-11-29 09:34:59 发布
最新推荐文章于 2024-11-29 09:34:59 发布
阅读量490 收藏 5
点赞数 1
分类专栏： JavaScript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43852569/article/details/119592001
版权

e.preventDefault()与return false的区别

在这几天的前端学习过程中，我发现当我们要阻止事件的默认行为的时候会有两种不同的写法：

  1. event.preventDefault
  2. return false

当时看到这两种写法的时候，我都蒙了，这是什么鬼？？？
什么鬼

既然都是阻止默认事件触发，怎么会有两种写法呢？？？
于是我满怀好奇的去翻阅了一些资料，功夫不负有心人，终于让我找到了这两种写法的区别：

  • 事件处理函数的返回值(return false)只对通过属性注册的处理函数才有意义；
    也就是说如果我们不是通过addEventListener()函数来绑定事件的话，那么要禁止默认事件的话，用的就是return false；

  • 如果使用addEventListener()或者attachEvent()函数来绑定的话，就要使用e.preventDefault()方法或者设置事件对象的returnValue属性来阻止默认事件。
    舒服了

event.preventDefault VS return false
liuhao9999的博客
07-26 245
如果您使用该方法处理事件，则对默认行为没有任何影响。，处理程序会执行其他操作。问题是，如果处理程序中发生任何运行时错误，我们将无法到达最后的。或者我们不想在单击提交按钮时提交表单。如果您使用jQuery来管理事件，那么您可以。如果您使用jQuery来管理事件，则其。因为后者仅适用于使用。将删除同一事件的其他处理程序的属性。是防止默认事件发生的不同方法。...
e.preventDefault()和e.stopPropagation()以及return false的作用和区别
weixin_30807779的博客
02-07 1758
前段时间开发中，遇到一个父元素和子元素都有事件时，发现会出现事件冒泡现象，虽然知道ev.stopPropagation()和ev.preventDefault()其中一个是阻止事件冒泡和阻止默认行为，却不知ev.preventDefault()和ev.stopPropagation()以及return false之间的详细区别，于是闲了就学了一下。 在此之前，先复习一下事件机制。dom事件通常会...
return false;和e.preventDefault();的区别
09-05
Have you ever seen those two things (in the title) being used in jQuery? Here is a simple
stopPropagation, preventDefault 和 return false 的区别
bravezhe的专栏
07-29 864
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解. 术语 监听事件, 在在节点上能被监听的页面操作. 如
return false和e.preventDefault()的区别
客栈
06-06 895
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
return false;和e.preventDefault;的区别
tao_wei162的博客
05-30 266
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.术语监听事件, 在在节点上能被监听的页面操作. 如: selec...
JQuery事件e参数的方法preventDefault()取消默认行为
10-26
为了确保跨浏览器的兼容性，建议总是检查浏览器对`e.preventDefault()`方法的支持情况，或者使用兼容性替代方案，比如`return false`语句，它同时阻止了事件的默认行为和事件的进一步传播（冒泡）。 下面详细介绍`e...
e.preventdefault()失效怎么办
04-19
如果您使用的是原生 JavaScript，可以尝试在事件处理函数中加上 return false; 语句，或者使用 event.stopPropagation() 方法。如果您使用的是 jQuery，可以尝试使用 event.preventDefault(); 或者 return false; ...
jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
weixin_30555125的博客
03-22 122
e.stopPropagation()阻止事件冒泡<head><title></title><script src="Scripts/jQuery-1.4.1.js" type="text/JavaScript"></script></head><body><table>...
return false和e.preventDefault()
ajo49838的博客
06-18 189
return false等效于调用e.preventDefault()以及e.stopPropagation()，所以区别在于,return false除了阻止默认行为之外，还会阻止event flow 如果手上有一份jquery源代码的话，可查看其中有如下代码： if (ret===false){ 　　event.preventDefault(); 　　event.stopPr...
JavaScript event.preventDefault和return false
沉默王二
09-28 2343
我们都知道JavaScript```event.preventDefault()```可以用来阻止web元素的原始事件，比如说a标签如果有href属性，通常情况下，点击链接就会跳转，但是增加```event.preventDefault()```可以阻止连接的跳转。但是我们往往会忽略```return false```。
原生JS事件中，return false 和 preventDefault() 的区别
weixin_30832983的博客
05-02 161
前几天有同学问我，如果在页面上禁止右键。一听到这个，我的第一个想法就是右键弹出来的菜单应该是浏览器的默认事件，是不是可以根据按键的类型来判断是点击了右键，然后静止默认事件来做。 document.addEventListener('click', function(event) { if (event.button == 2) { event.preventDefault...
preventDefault()、 preventDefault()和 return false 的区别
JiangJunDriver的博客
05-31 4409
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.一、术语监听事件：在在节点上能被监听的页面操作. 如: selec
stopPropagation()；和 return false;和e.preventDefault;的区别
dandan1924的博客
09-07 631
1. 存在的原因 （1）因为有父节点.子节点的存在 （2）有监听事件和浏览器默认事件之分 使用javascript时为了达到预期的效果，经常需要阻止事件和动作执行，下面我们来一一讲解。 术语补充： 监听事件：在节点上能被监听的页面操作，例如： select 节点的 change 事件，a节点的click事件。 浏览器默认动作：指特定元素上带有的默认功能，如：a链接节点的跳转，表单提
e.preventDefault()
最新发布
weixin_43063398的博客
11-29 522
是一个用于阻止浏览器默认行为的 JavaScript 方法。
e.preventDefault();
chenchengdexiaoxiao的博客
02-11 306
比如一个button放在一个form中，这个button的Default就是提交（submit），但如果你不想让他提交，就可以用e.preventDefault(); 打个比方： $(document).ready(function(){ $("button").click(function(e){ $("...
e.preventDefault
qq_22912891的博客
05-09 2093
有时候点击提交按钮会有一些默认事件。比如跳转到别的界面。但是如果没有通过验证的话，就不应该跳转。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。 下面是案例： "text/javascript"> $(function(){ $("#sub").bind("click",function(event){
e.preventdefault()方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。...
weixin_30662011的博客
10-18 1272
语法：event.preventDefault()参数：event 必需 规定阻止哪个事件的默认动作。这个event参数来自事件绑定函数。例：a上面的url将不被打开 $("a").click(function(event){ event.preventDefault(); }); 转载于:https://www.cnblogs.com/chenxiaomei0104/p/9811...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值