关于event.preventDefault()的用法

本来是研究ES6的对象的解构赋值的，自己突发奇想，将表单页面的数据提交到后端对象中的，用纯原生的方式编写代码，结果运行代码没有报错，怎么就获取不到表单输入框输入的内容，百思不得其解。先展示错误代码

当运行上述代码的时候，打开浏览器，点击提交按钮，控制台结果一闪而过，最后询问大佬，大佬告知我说，from表单是默认提交的，控制台打印肯定不显示的，需要做的是阻止默认事件就ok了，然后给我指出使用event.preventDefault()。

event.preventDefault()是何方法宝？那么厉害呢？以前学艺不精忘记了，这里在复习一遍。

event.preventDefault()方法是用于取消事件的默认行为，例如，当点击提交按钮时阻止对表单的提交。但此方法并不被ie支持，在ie下需要用window.event.returnValue = false; 来实现。

其实就是用来取消时间的默认动作。

注意

1、如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

2、此方法并不被ie支持，在ie下需要用window.event.returnValue = false; 来实现。

修改后的代码就是需要添加event.preventDefault()，代码如下所示：

在上面代码中还有一个知识点就是ES6的对象解构赋值，在一个对象中，当属性（key）与属性值(前面定义的变量)一样的时候，是可以省略的，可以只写一个（key）属性。

关于event.preventDefault()的用法相关推荐

js事件之event.preventDefault()与event.stopPropagation()用法区别
event.preventDefault()将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作).例如,如果 type 属性是 "submit",在事件传播的任 ...
React event.preventDefault使用方法
event.preventDefault 定义和用法: 取消事件的默认动作简单看一下下面代码: class NameForm extends React.Component {constructor ...
event.preventDefault()作用
jQuery 事件 - preventDefault() 方法防止链接打开 URL: $("a").click(function(event){ event.preventDef ...
JS事件cancelBubble、event.preventDefault()与event.stopPropagation()简单介绍
推荐看原文:https://blog.csdn.net/iamlegendary/article/details/54409038 cancelBubble用于ie的阻止冒泡事件. event.sto ...
event.stopPropagation和event.preventDefault有什么区别？
他们似乎在做同样的事情--是现代的还是老的? 还是不同的浏览器支持它们? 当我自己处理事件(没有框架)时,我总是检查两者并执行(如果存在). (我也return false ,但是我感觉不适用于与no ...
jQuery之防止【冒泡事件】，阻止默认行为【return false】 event.stopPropagation event.preventDefault...
知识点: event.stopPropagation() 阻止冒泡 event.preventDefault() 阻止默认事件,比如button提交后跳转到链接页面两者都可以用 return ...
python中event的用法_Python编程之event对象的用法实例分析
本文实例讲述了Python编程中event对象的用法.分享给大家供大家参考,具体如下: Python提供了Event对象用于线程间通信,它是由线程设置的信号标志,如果信号标志位为假,则线程等待直到信号 ...
阻止默认事件event.preventDefault();
阻止浏览器默认事件.什么是默认事件,例如浏览器默认右键菜单.a标签默认连接跳转...,如何阻止呢? Firefox中,event必须作为参数传入. IE中,event是window对象的属性. ev ...
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时 ...

关于event.preventDefault()的用法

关于event.preventDefault()的用法相关推荐

最新文章

热门文章