JavaScript：イベントバインドを持つすべての要素を取得する

Question

イベントバインドされたページ上のすべての要素を取得する方法はありますか。 私はすべてのイベントを特定のイベントにすることができると知っていますが、すべての要素がある方法はありますか？

Answer 1

ありがとうございました。私はページ上のすべての要素をループし、イベントバインドを持つ各要素を配列に追加するこのすばらしいスニペットを見つけました。ダンへ

var items = Array.prototype.slice.call(
    document.querySelectorAll('*') 
).map(function(element) { 
    var listeners = getEventListeners(element); 
    return { 
    element: element, 
    listeners: Object.keys(listeners).map(function(k) { 
     return { event: k, listeners: listeners[k] }; 
    }) 
    }; 
}).filter(function(item) { 
    return item.listeners.length; 
}); 

全クレジット：https://gist.github.com/danburzo/9254630

Answer 2

コメントに示唆されているように、chrome開発ツールでgetEventListeners(document)を使用できますが、これをコード内で使用したい場合は、custon関数を使用してイベントを登録し、イベントatached。

コードではない使用する準備ができて、ちょうど例

let elements = []; 
function addEventListener(elem, event, cb) { 
    elem.addEventListener(event, cb); 
    elements.push(elem); 
} 

もちろん、イベントが削除されたときに要素を削除する必要があります。

イベントを登録するすべてのコードを制御できない場合は、モンキーパスNode.prototype.addEventListenerの機能を使用できます。これはお勧めしません（あなたはもっと読むことができますhere）。しかし、それは可能性があります...