preventDefault在表单中如何使用

preventDefault是一个事件方法，用于阻止事件的默认行为。在表单中，可以使用preventDefault来阻止表单的默认提交行为，例如：

<
    form id="myForm">
    
  <
    input type="text" name="username">
    
  <
    input type="submit" value="Submit">
    
<
    /form>
    

<
    script>

  document.getElementById('myForm').addEventListener('submit', function(event) {
    
    event.preventDefault();
 // 阻止表单默认提交行为
  }
    );
    
<
    /script>
    

在上面的例子中，当表单提交时，会触发submit事件，我们通过addEventListener方法监听submit事件，然后在事件处理函数中调用preventDefault方法来阻止表单的默认提交行为。这样就可以在事件处理函数中编写自定义的表单提交逻辑，而不会触发表单的默认提交行为。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！