温馨提示×

preventDefault在表单中如何使用

小樊
82
2024-06-27 11:32:19
栏目: 编程语言

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方法来阻止表单的默认提交行为。这样就可以在事件处理函数中编写自定义的表单提交逻辑,而不会触发表单的默认提交行为。

0