例
削除"mousemove"で添付されているイベントaddEventListener()メソッドを:
// Attach an event handler to the document
document.addEventListener("mousemove",
myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
document. removeEventListener() document. removeEventListener()メソッドは、に添付されたイベントハンドラ削除された文書を。 addEventListener()メソッド。
注:イベントハンドラを削除するには、で指定された関数addEventListener()メソッドは、外部でなければなりません"named"上記の例のような関数、 (myFunction) 。
"文書のような匿名関数removeEventListener(" event ", function() {} のMyScript);" 動作しないでしょう。
ヒント:使用する要素を 。 addEventListener()と要素 。 removeEventListener()指定された要素に/から/削除イベントハンドラを追加する方法。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
方法 | |||||
---|---|---|---|---|---|
removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
注意: removeEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョン、およびオペラ6.0およびそれ以前のバージョンではサポートされていません。 しかし、これらの特定のブラウザのバージョンのために、あなたが使用することができますdetachEvent()で添付されているイベントハンドラ削除する方法をattachEvent()メソッドを(参照"More Examples"クロスブラウザのソリューションについては、以下のを)。
構文
document.removeEventListener( event , function ,
useCapture )
パラメータ値
パラメーター | 説明 |
---|---|
event | 必須。 削除するイベントの名前を指定する文字列。 注:使用しないでください"on"接頭辞を。 例えば、使用"click"の代わりに"onclick" 。 ヒント:すべてのHTML DOMイベントのリストについては、当社の完全なを見てHTML DOMイベントオブジェクトのリファレンス 。 |
function | 必須。 削除する関数を指定します。 |
useCapture | 任意。 からイベントハンドラを削除するには、イベント・フェーズを指定するブール値。 可能な値:
|
技術的な詳細
DOMバージョン: | DOMレベル2のイベント |
---|---|
戻り値: | 戻り値なし |
変更履歴: | useCaptureパラメータは、Firefox 6とOpera 12.0でオプションとなりました(has always been optional for Chrome, IE and Safari) |
その他の例
例
サポートしていないブラウザの場合removeEventListener()メソッドを、あなたが使用することができますdetachEvent()メソッドを。
この例では、クロスブラウザのソリューションを示しています。
if (document.removeEventListener) { // For all major browsers, except IE 8 and earlier
document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) { // For IE 8 and earlier versions
document.detachEvent("onmousemove", myFunction);
}
»それを自分で試してみてください 関連ページ
JavaScriptのチュートリアル: HTML DOMのEventListener
JavaScriptのリファレンス: 要素 。 removeEventListener()