例
削除"mousemove"で添付されているイベントaddEventListener()メソッドを：
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove",
myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction); »それを自分で試してみてください 定義と使用法
removeEventListener()メソッドを用いて添付されたイベントハンドラ除去addEventListener()メソッドを。
注：イベントハンドラを削除するには、で指定された関数addEventListener()メソッドは、上記の例のような外部関数でなければならない(myFunction) 。
" 要素のような匿名関数removeEventListener(" event ", function() {} のMyScript）;" 動作しないでしょう。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
構文
element .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()メソッドを。
この例では、クロスブラウザのソリューションを示しています。
var x = document.getElementById("myDIV");
if (x.removeEventListener) { // For all major browsers, except IE 8 and earlier
x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) { // For IE 8 and earlier versions
x.detachEvent("onmousemove", myFunction);
} »それを自分で試してみてください 関連ページ
JavaScriptのチュートリアル： HTML DOMのEventListener
JavaScriptのリファレンス： ドキュメント。 removeEventListener()