dom_dom0600_004

フォーム送信時のデフォルト動作(ページ遷移やリロード)を抑止するには、submitイベント内で event.( A )() を呼ぶ。通常は form.addEventListener(“( B )”, handler) の形で監視する。

解答

A: preventDefault
B: submit

解説

submit イベントはフォーム送信直前に発火します。SPAや非同期送信では event.preventDefault() でデフォルト送信を止め、JS側で処理します。

使用例(サンプルコード)

[ html ]

<form id="f">
  <input name="q" value="DOM">
  <button>Send</button>
</form>
<script>
  document.getElementById('f').addEventListener('submit', (event) => {
    event.preventDefault(); // ページ遷移を防止
    const data = new FormData(event.target);
    console.log(data.get('q'));
  });
</script>