次のコードでフォーム送信イベントを正しく無効化できるものはどれですか?
[ javascript ]
form.addEventListener("submit", function(e) {
_____
});
- e.stopPropagation();
- e.preventDefault();
- e.stopImmediatePropagation();
- e.cancelBubble = true;
正解
- e.preventDefault();
解説
送信イベントでのページ遷移を止めたい場合は e.preventDefault() を使います。その他のメソッドはイベント伝播の停止には使えますが、送信動作をキャンセルすることはできません。
使用例(サンプルコード)
[ javascript ]
form.addEventListener("submit", function(e) {
e.preventDefault();
console.log("送信処理を無効化しました");
});