element.removeEventListener() イベントリスナーを削除

最終更新:2026-10-13

element.removeEventListener() イベントリスナーを削除

removeEventListener はイベントリスナーを削除します。追加時と**完全に同じ関数参照**を渡す必要があります。

カテゴリDOM操作

⚙️ 引数

type
listener

戻り値:undefined。

元の値を変更するか:いいえ(新しい値を返す)

▶ 例

コードを編集して「実行」を押すと、出力パネルに結果が表示されます。

⚠️ 警告
💡 ヒント

🌐 ブラウザ対応

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.removeEventListener() ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
すべてのモダンブラウザで対応
さらに多くのケースは近日公開予定です。

📚 関連チュートリアル

❓ よくある質問

Qなぜ同じ関数参照なのですか?
A内部で参照照合されるため — 別の関数(同じ内容でも)は別のリスナーとして扱われます。
Q無名リスナーを削除するには?
AAbortController を使います: new AbortController + signal オプション。
Q第3引数は何ですか?
Aオプションです: { once, capture, passive, signal }。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%