最新のWeb開発のチュートリアル
 

HTML DOM removeEventListener() Method

<ドキュメントオブジェクト

削除"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 任意。 からイベントハンドラを削除するには、イベント・フェーズを指定するブール値。

可能な値:
  • 真 - キャプチャ段階からイベントハンドラを削除します。
  • 偽デフォルト。 バブリング段階からイベントハンドラを削除します。
注意:イベントハンドラをキャプチャし、1つの泡立ちで2回、1を取り付けた場合は、それぞれを個別に削除する必要があります。

技術的な詳細

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()


<ドキュメントオブジェクト