English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM removeEventListener() メソッド

HTML DOM Documentオブジェクト

document.removeEventListener()追加されたdocument.addEventListener()メソッド内のイベントハンドラ

注意:イベントハンドラを削除するには、addEventListener()メソッドで指定された関数は外部の「名前付き」関数でなければなりません。以下の例(myFunc)を参照してください。

匿名関数、例えば"document.removeEventListener("event",function(){ statement }" は使えません。

を使用して要素 .addEventListener()メソッドは指定された要素にイベントハンドラを追加します。

を使用して要素 .removeEventListener()メソッドは指定された要素からイベントハンドラを削除します。

構文:

document.removeEventListener(event, listener, useCapture)
// イベントハンドラをドキュメントに追加します
document.addEventListener("mousemove", myFunc);
// ドキュメントからイベントハンドラを削除します
document.removeEventListener("mousemove", myFunc);
テストをしてみる‹/›

ブラウザの互換性

表の数字は、removeEventListener()メソッドを完全にサポートする最初のブラウザのバージョンを指定します:

メソッド
removeEventListener()1171.09

引数の値

引数説明
event(必須)削除するJavaScriptイベントの名前。イベントを使用する際には、"on"接頭辞を使用しないでください。例えば、"click"を"onclick"の代わりに、"mousedown"を"onmousedown"の代わりに使用してください。
すべてのHTML DOMイベントのリストについては、私たちの完全なガイドを参照してください。HTML DOM イベントオブジェクト 参考マニュアル
listener(必須)削除するJavaScript関数の名前。
useCapture(オプション)ブール値、キャプチャフェーズまたはバブルフェーズで削除されるかを指定します。デフォルトはfalseです。
可能な値:
  • true-キャプチャフェーズでイベントハンドラが削除されました

  • false-バブルフェーズでイベントハンドラが削除されました

注意:イベントハンドラが2度追加された場合、一度キャプチャ、一度バブルに追加された場合は、それぞれ別々に削除する必要があります。
私たちのJavaScriptイベント伝播教程で以下のリンクで関連する情報を読むイベント伝播の詳細情報

技術的詳細

返り値:ありません
DOMバージョン:DOM 2階

関連参考

JavaScript 教程:イベントリスナー

JavaScript 教程:イベント伝播

HTML DOM 参考:document.addEventListener()

HTML DOM 参考:element.removeEventListener()

HTML DOM Documentオブジェクト