dom_dom0600_008

次のコードで、ユーザーがフォーム送信時に確認ダイアログを表示する正しい実装はどれですか?

[ javascript ]

form.addEventListener("submit", function(e) {
  if (!confirm("送信してよろしいですか?")) {
    _____;
  }
});
  1. e.stopPropagation();
  2. e.preventDefault();
  3. e.cancel();
  4. e.stop();
正解
  1. e.preventDefault();
解説

送信を中止する場合は preventDefault() を使います。ユーザーがキャンセルを選択した時に送信を無効化できます。

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

[ javascript ]

form.addEventListener("submit", function(e) {
  if (!confirm("送信してよろしいですか?")) {
    e.preventDefault();
  }
});