JavaScript
🔔 イベントリスナーが2回発火する
addEventListener を2回登録している
😰 こんな症状
ボタンをクリックすると処理が2回実行される。
🔍 原因
addEventListener を2回呼んでいる。ページ遷移やスクリプトの再読み込みで重複登録されることがある。
❌ エラーが起きるコード
btn.addEventListener("click", () => count++);
// 毎回新しい関数で重複登録✅ 直し方
同じ関数を名前付きで定義し、addEventListener に渡す。または一度 removeEventListener してから再登録する。
✅ 修正後のコード
function onClick() { count++; }
btn.addEventListener("click", onClick);この解決法は役立ちましたか？
🔗 関連するエラー
- Uncaught ReferenceError: xxx is not defined — 変数・関数名のタイポ
- Uncaught TypeError: Cannot read properties of null — getElementById の id が存在しない
- 404 Not Found（スクリプトが読み込まれない） — script の src パスが間違っている
- ボタンを押しても何も起きない — getElementById の id 不一致
- SyntaxError: Unexpected token — 括弧・波括弧の閉じ忘れ
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説