溫馨提示×

preventDefault在表單中如何使用

小樊
136
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
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女