e.preventdefault() 别滥用

最新推荐文章于 2023-09-25 15:16:10 发布
最新推荐文章于 2023-09-25 15:16:10 发布
阅读量1.1k 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/webARM/p/3979743.html
版权

有的时候我们会为事件回调函数添加一个参数（通常是e），并在函数中加入e.preventdefault()；以取消默认行为。由于习惯，我顺手将它写到了一个checkbox的change事件中。由于不同的浏览器解释不同，在IE8上出现了一个bug：change事件能进入，但是UI显示上不能讲复选框的选中状态重绘。

分析原因，是我的e.preventdefault()阻止了状态重绘。去掉后，就好了。

 

e.preventdefault()会阻止什么：

checkbox 、radio的状态变化(并非所有浏览器)。

a标签的跳转

表单的提交

转载于:https://www.cnblogs.com/webARM/p/3979743.html

weixin_30668887
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
wrap-prevent-default:包装事件处理程序，以便在可用时为您提供e.preventDefault（）。 （即直接调用也可以）
05-02
包装防止默认 包装事件处理程序，以便在可用时为您提供e.preventDefault（）。 （即直接调用也可以） ...// i.e. <a>... //when it's clicked it will preventDefault() //you can also call it directly a
网页右键ie不支持event.preventDefault和event.returnValue （需要加window）
09-05
网页右键ie不支持event.preventDefault和event.returnValue （需要加window） ，需要的朋友可以参考一下
关于e.preventDefault()方法
weixin_43821171的博客
09-22 7671
背景： 同事在项目中遇到的问题，在项目中导入了某一个组件作为根组件之后，发现原来的子组件中的滚动效果不再生效，因为是移动端的项目，所以这里的滚动效果是通过touchmove事件进行触发的，在对引入的组件进行研究后，发现是在根组件中阻止了touchmove事件的默认事件，也就是调用了e.preventDefault()方法，然后同事们通过阻止冒泡阻止了这个方法的调用，解决掉了因为引入组件而带来的问题，但这却引发了一连串的有关于preventDefault()这个方法的思考。 问题： 为什么我在父组件上使用pr
【JS基础】e.preventDefault() 阻止默认操作
热门推荐
Milk~每天分享一点点，技术进步一点点
08-05 3万+
阻止默认操作 默认操作 具体指的是什么呢？看如下实例： 把单击事件处理程序注册到一个锚元素，而不是一个外层的上，那么就要面对另外一个问题：当用户单击链接时，浏览器会加载一个新页面。 当用户在编辑完表单后按下回车键时，会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。这种行为与我们讨论的事件处理程序不是同一个概念，它是单击标签元素的默认操作。 在这种情况下，处理方法有： 1.w3c的方法是e.preventDefault()，IE则是使用e.returnValue = false pre
e.preventDefault()是什么
weixin_42610010的博客
12-31 2059
e.preventDefault() 是一个 JavaScript 函数，它可以阻止浏览器的默认行为。例如，当你点击一个超链接时，浏览器会自动跳转到超链接指向的页面，这就是浏览器的默认行为。如果你希望在点击超链接时不跳转，可以在超链接的事件处理函数中使用 e.preventDefault() 来阻止浏览器的默认行为。 例如，假设你有一个超链接： <a href="/some/page"&gt...
e.preventDefault()阻止默认行为
最新发布
czlj1998的博客
09-25 865
因此，通过在输入框的onKeyUp事件中检查keyCode是否为13（回车键的keyCode为13），如果是，则使用preventDefault()方法阻止默认行为，即阻止表单提交。例如，你可以在按下回车键时阻止表单的默认提交行为，或者在按下空格键时阻止滚动页面的默认行为。，可以阻止链接的默认跳转行为，从而允许你在点击链接时执行自定义操作，比如打开一个模态框或执行一些其他逻辑。按钮点击：在处理按钮点击事件时，有时你可能希望阻止按钮的默认提交行为或页面刷新行为。表单提交：在处理表单提交事件时，通过调用。
【解决】addEventListener监听滚动与removeEventListener移除监听阻止冒泡（e.preventDefault()）不生效
huangfuyk.的博客
09-19 2026
注： 第三个参数passive默认值为false，但是chrome, Firefox等浏览器为了保证滚动时的性能，在Window,、Document、 Document.body上针对 touchstart 和 touchmove 事件将passive默认值改为了true。使用addEventListener监听滚动来阻止冒泡（e.preventDefault()），removeEventListener移除监听阻止冒泡（e.preventDefault()），但未生效。
return false;和e.preventDefault();的区别
09-05
Have you ever seen those two things (in the title) being used in jQuery? Here is a simple
JQuery事件e参数的方法preventDefault()取消默认行为
10-26
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为，下有个不错的示例，大家可以参考下，希望对大家有所帮助
flex中event.preventDefault()方法取消事件的默认行为
10-27
当点击datagrid的第一和第四项时，itemEdit事件将不起作用，许多事件都有默认执行的关联行为，接下来为大家详细介绍下，感兴趣的朋友可以参考下哈
Chrome无法调用preventDefault阻止touch事件解决办法
翾的博客
01-18 8940
坑爹的开始…. Chorme56+开始为了让页面滚动变得更为流畅，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。浏览器忽略默认事件的preventDefault(), 你要是手动阻止会弹出一个警告, 告诉你阻止不了!!! 解决办法 在CSS属性上对想要禁用触摸事件的元素设置t
e.preventdefault()别滥用
seeseeyoua的博客
05-11 772
有的时候我们会为事件回调函数添加一个参数（通常是e），并在函数中加入e.preventdefault()；以取消默认行为。由于习惯，我顺手将它写到了一个checkbox的change事件中。由于不同的浏览器解释不同，在IE8上出现了一个bug：change事件能进入，但是UI显示上不能讲复选框的选中状态重绘。 分析原因，是我的e.preventdefault()阻止了状态重绘。去掉后，就好了。 e.preventdefault()会阻止什么： checkbox 、radio的状态变化(并非所有浏览器)。 a
e.preventDefault()和e.stopPropagation()以及return false的作用和区别
go
10-11 458
https://www.cnblogs.com/sqh17/p/8427283.html
js e.stopPropagation()阻止冒泡事件和e.preventDefault()阻止默认行为的应用场景
PrimaryColor
01-27 2647
一、阻止冒泡事件。 示例图： 通常，在很多用户界面中，都经常出现如上图所示，点击列表的时候，进入这条数据的详情页面，点击编辑的时候，弹窗编辑这条数据的信息。但是呢，做完之后，发现点击编辑的时候不仅仅会打开弹窗并且还会跳转页面，也就是两个事件都触发了，这个时候我们就需要在点击编辑的时候，阻止事件继续往上派发。 代码： $('.toDetail').on('click',function(){ console.log('跳转详情页面'); }); $('.editDetail').on('
js,addEventListener参数传递
szuaudi的博客
07-13 3695
转载自：js,addEventListener参数传递
事件对象之方法e.preventDefault()
xuehaocyuyan的博客
08-14 722
事件对象3e: e.preventDefault():阻止某些事 ——表单、鼠标滚轮 鼠标滚轮事件：onmousewheel: e.deltaY 小例子：鼠标在盒子内部滚动时页面不滚动 在这里插入代码片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt
关于js里面e.preventDefault()
qaz980930841的博客
01-09 6444
定义和用法 preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。 document.onclick=function(e){ e.preventDefault();      //阻止元素发生默认行为 if(e.target!=document.getElementById("myInput")){ hidePage
【记】input type为checkbox或radio时的click默认事件
weixin_30267697的博客
04-08 991
　　在input中，如果type为checkbox或radio时，浏览器会将该input渲染成为系统的单选或多选组件，如果这时，我们在这个input上绑定click事件，那就要小心谨慎使用e.preventDefault()这个方法（jQuery中整合了这个方法使得它能够兼容去掉浏览器中的默认事件）。之所以要说谨慎使用，就是，如果你在这个事件的响应程序中判断该checkbox是否选中时，得到的结果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值