dom_dom0600_010

次のコードでフォーム送信イベントを正しく無効化できるものはどれですか?

[ javascript ]

form.addEventListener("submit", function(e) {
  _____
});
  1. e.stopPropagation();
  2. e.preventDefault();
  3. e.stopImmediatePropagation();
  4. e.cancelBubble = true;
正解
  1. e.preventDefault();
解説

送信イベントでのページ遷移を止めたい場合は e.preventDefault() を使います。その他のメソッドはイベント伝播の停止には使えますが、送信動作をキャンセルすることはできません。

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

[ javascript ]

form.addEventListener("submit", function(e) {
  e.preventDefault();
  console.log("送信処理を無効化しました");
});