HTML DOM Element removeEventListener() メソッド

定義と使用法

removeEventListener() イベントハンドラを要素から削除する方法。

もっと詳しく:

要素メソッド:

addEventListener() メソッド

removeEventListener() メソッド

ドキュメントメソッド:

addEventListener() メソッド

removeEventListener() メソッド

チュートリアル:

HTML DOM EventListener

DOM イベントの完全リスト

インスタンス

要素から "mousemove" イベントを削除:

myDIV.removeEventListener("mousemove", myFunction);

自分で試してみる

構文

element.removeEventListener(type, listnener, useCapture)

引数

引数 説明
type

必須。削除するイベントリスナーのイベントタイプ。

"on" 掛け前を使用しないでください。例えば、"click" を "onclick" ではなく使用してください。

完全な HTML DOM イベントリストについては、以下を訪れてください:HTML DOM イベントオブジェクトリファレンスマニュアル

listnener 必須。削除するイベントリスナー関数。
useCapture

オプション(デフォルトは false)。

  • true - キャプチャからハンドラを削除
  • false - バブルからハンドラを削除

イベントハンドラが追記された場合、キャプチャとバブルの両方で個別に削除する必要があります。

返り値

なし。

技術的詳細

removeEventListener() 指定されたイベントリスナー関数を削除するメソッドです。引数 type および useCapture 呼び出す addEventListener() メソッドの対応する引数と同じです。指定された引数に一致するイベントリスナーが見つからない場合は、このメソッドは何もしないです。

イベントリスナー関数がこのメソッドで削除された場合、指定されたタイプのイベントがノードで発生したときは、それが呼び出されなくなります。同じタイプのイベントで別のイベントリスナーが同じノードに登録された場合であっても、それが呼び出されなくなります。

このメソッドも Document および Window オブジェクトの定義はかつ動作方法も似ています。

ブラウザのサポート

element.removeEventListener() DOM Level 2 (2001) の機能です。

すべてのブラウザで完全にサポートされています:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート