JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOM リファレンスマニュアル

HTML DOM イベントイベントオブジェクト(イベントオブジェクト)

HTML DOM removeEventListener() メソッド

HTML DOM Element オブジェクト

element.removeEventListener()メソッドは、element.addEventListener()メソッドに関連付けられているイベントハンドラを削除します。

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

匿名関数、例えば「 element .removeEventListener（" event ”，function(){ statement })は役に立ちません。

使用document.addEventListener()このメソッドは、ドキュメントにイベントハンドラを追加します。

使用document.removeEventListener()このメソッドは、ドキュメントからイベントハンドラを削除します。

文法：

element.removeEventListener(event, listener, useCapture)

例

var box = document.getElementById("para");
//id =「para」のP要素にイベントハンドラを追加します
box.addEventListener("mousemove", myFunc);
//　id =「para」を持つP要素からイベントハンドラを削除します
box.removeEventListener("mousemove", myFunc);

テストを見て‹/›

ブラウザの互換性

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

メソッド
removeEventListener()	1	1	7	1.0	9

パラメータの値

パラメータ	説明
event	（必須）削除するJavaScriptイベントの名前。（event）を使用する際には、プレフィックス「on」を使用しない、例えば「click」を「onclick」や「mousedown」を「onmousedown」に代える。すべてのHTML DOMイベントに関するリストは、私たちの完全なHTML DOMイベントオブジェクトリファレンス。
listener	（必要）削除するJavaScript関数の名前。
useCapture	（オプション）ボルン値、キャプチャフェーズまたはバブルフェーズで削除されるかを指定します。デフォルトはfalseです。可能な値： true-キャプチャフェーズでイベントハンドラが削除されました false-バブルフェーズでイベントハンドラが削除されました注意：イベントハンドラが2回追加された場合、1回はキャプチャ、1回はバブルで追加された場合、それぞれを別々に削除する必要があります。私たちのJavaScriptイベント伝播教程でイベント伝播に関する情報をさらに読む

技術的詳細

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