javascript - JavaScript を使用して DOM ノードでイベントリスナーを見つける方法

Question

これが不可能だとはまだ信じられませんが、dom をループして、「addEventListener」を使用してアタッチされたすべてのイベントハンドラを確認する方法はありますか。この投稿と他の多くの人はノーと言います。

その場合、Chrome のインスペクターや Firebug などのアプリはどのように表示しますか? 何がバインドされているかを追跡できるように、おそらく何らかの方法で dom のメソッドを拡張していると思います。

score 34 · Accepted Answer

Chrome のコンソールには、DOM ノードにイベントリスナーが登録されているかどうかを確認するのに役立つメソッドがあります。たとえば、ドキュメントノードにアタッチされたイベントリスナーを確認するには、次のようにします。

getEventListeners(document);

すべての dom ノードを再帰的に反復し、必要に応じてアタッチされているすべてのイベントハンドラーを見つけることができます。

score 6 · Accepted Answer

もちろん、ブラウザーは内部的にイベントリスナーのリストを持っていますが、ページレベルの JavaScript には公開されていません。たとえば、Firebug (またはEventbug ) はおそらくnsIEventListenerInfoを使用します。

そうは言っても、この古い答えはまだ有効です:
DOM ノードでイベントリスナーを見つけるには?

score 0 · Accepted Answer

私が試したChrome v53コンソールで：

getEventListeners(document);

それは次を返します：

__proto__: Object

私が探しているものではなく、サブ要素。

だから私は試しました：

getEventListeners(window);

それが返す

Object {beforeunload: Array[1], load: Array[1]}

それが私が探しているものです。したがって、正しいアプローチは次のとおりだと思います。

getEventListeners(myDomElement):

myDomElementは、getElementById などの標準的な方法で取得した対象オブジェクトです...

javascript - JavaScript を使用して DOM ノードでイベント リスナーを見つける方法