Q&A
イベントハンドラの実行をとめるメソッドと勘違いしていました。
ありがとうございます。
クリックイベントを無効にするため、preventDefaultを設定しましたが上手くいきません。
どうすればよろしいでしょうか?
よろしくお願いします。
html
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <title>Document</title> 8 <link rel="stylesheet" href="style.css" /> 9 </head> 10 <body> 11 <button>ボタン</button> 12 <script src="main.js"></script> 13 </body> 14</html>
js
1const btn = document.querySelector("button"); 2 3btn.addEventListener("click", function (event) { 4 // アラートをキャンセルしたい 5 event.preventDefault(); 6 alert("hello"); 7}); 8
回答2件
0
preventDefaultはDefaultの名前の通り、規定のイベント（テキスト入力やリンク遷移など）を止めるものです。明示的に記述したalertはイベントではありません。
そもそもalertを起こしたくないのであればalertを記述しなければよいのではないでしょうか？
投稿2021/11/14 13:48
総合スコア983
0
ベストアンサー
preventDefaultを設定しましたが上手くいきません。
preventDefaultは書いての通り、デフォルトの操作（<button>によるサブミットの進行）を止めるものであって、イベントハンドラはそのまま実行されます。
投稿2021/11/14 13:46
総合スコア145208
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。