English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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() | 1 | 1 | 7 | 1.0 | 9 |
引数 | 説明 |
---|---|
event | (必須)削除するJavaScriptイベントの名前。イベントを使用する際には、"on"接頭辞を使用しないでください。例えば、"click"を"onclick"の代わりに、"mousedown"を"onmousedown"の代わりに使用してください。 すべてのHTML DOMイベントのリストについては、私たちの完全なガイドを参照してください。HTML DOM イベントオブジェクト 参考マニュアル。 |
listener | (必須)削除するJavaScript関数の名前。 |
useCapture | (オプション)ブール値、キャプチャフェーズまたはバブルフェーズで削除されるかを指定します。デフォルトはfalseです。 可能な値:
注意:イベントハンドラが2度追加された場合、一度キャプチャ、一度バブルに追加された場合は、それぞれ別々に削除する必要があります。 私たちのJavaScriptイベント伝播教程で以下のリンクで関連する情報を読むイベント伝播の詳細情報 |
返り値: | ありません |
---|---|
DOMバージョン: | DOM 2階 |
JavaScript 教程:イベントリスナー
JavaScript 教程:イベント伝播
HTML DOM 参考:document.addEventListener()
HTML DOM 参考:element.removeEventListener()