关于event.preventDefault()的用法-Toy模板网

这篇具有很好参考价值的文章主要介绍了关于event.preventDefault()的用法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

event.preventdefault(),前端

当运行上述代码的时候，打开浏览器，点击提交按钮，控制台结果一闪而过，最后询问大佬，大佬告知我说，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()，代码如下所示：

event.preventdefault(),前端

在上面代码中还有一个知识点就是ES6的对象解构赋值，在一个对象中，当属性（key）与属性值(前面定义的变量)一样的时候，是可以省略的，可以只写一个（key）属性。文章来源地址https://www.toymoban.com/news/detail-558627.html

到了这里，关于关于event.preventDefault()的用法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

关于event.preventDefault()的用法