event.preventDefault()在提交按钮功能中完全做了什么?

时间:2017-04-19 07:10:33

标签: javascript events submit dom-events

学习React,我知道这个问题不是其中的一部分,但我总是想知道preventDefault部分的作用:

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

当我在页面中打开示例并删除了preventDefault时,页面在我点击提交时不会刷新。那么这是否意味着点击提交按钮的默认行为是在某处发送表单数据然后将当前页面重定向到其他地方?通过防止默认,这可以防止它发生?这个活动是Dom活动吗?

1 个答案:

答案 0 :(得分:0)

event.preventDefault()基本上可以阻止事件触发。在submit事件的情况下。 event.preventDefault()会阻止您的表单提交。

我们通常会在提交表单之前阻止submit行为检查某些验证,或者我们需要更改输入字段的值,或者我们想要使用ajax调用提交。为此,我们使用以下方法阻止表单提交:

event.preventDefault();
// Here comes our custom logic

This对您的问题很好。希望这会有所帮助:)