Jak znaleźć detektory zdarzeń w węźle DOM przy użyciu JavaScriptu

Question

Nadal nie mogę uwierzyć, że nie jest to możliwe, ale czy istnieje sposób na przechodzenie przez dom i zobaczenie wszystkich procedur obsługi zdarzeń dołączonych przy użyciu "addEventListener". This post i wielu innych mówi nie.

Jeśli tak, to w jaki sposób aplikacje takie jak inspektor Chrome lub Firebug pokazują, co robią? Sądzę, że prawdopodobnie w jakiś sposób zwiększają metody domingu, dzięki czemu mogą śledzić to, co jest związane.

Answer 1

Oczywiście przeglądarki mają wewnętrznie listę detektorów zdarzeń, ale nie są one narażone na kod JavaScript strony. Na przykład Firebug (lub Eventbug) prawdopodobnie używają nsIEventListenerInfo.

Powiedział, że jest to stary odpowiedź nadal posiada:
How to find event listeners on a DOM node?

Answer 2

Konsola Chrome ma metody, które mogą pomóc sprawdzić, czy węzeł dom zawiera jakiekolwiek detektory zdarzeń zarejestrowanych na przykład sprawdzić detektory zdarzeń dołączonych do stosowanie węzeł dokumentu:

https://developers.google.com/chrome-developer-tools/docs/commandline-api#geteventlistenersobject

getEventListeners(document); 

można rekurencyjnie iteracji przez wszystkie węzły DOM i znaleźć wszystkie programy obsługi zdarzeń załączone Jeśli potrzebne.

Answer 3

Na konsoli V53 Chrome Próbowałem:

getEventListeners (dokument);

która zwraca:

__proto__: Przedmiot

i podrzędne elementy, nie to, czego szukam.

Więc próbowałem:

getEventListeners (okno);

która zwraca

object {beforeunload: Array [1], obciążenie: Array [1]}

To właśnie szukam. Więc myślę, że prawidłowe podejście jest Robin podobny sposób ptaka:

getEventListeners (myDomElement):

gdzie myDomElement jest ukierunkowane obiekt dostał za pomocą standardowych sposobów, takich jak getElementById etc ..

Answer 4

użyć następującą funkcję do pobrania json z zarejestrowanych zdarzeń;

getEventListeners (nazwa_węzła); gdzie nazwa_węzła może być nazwą elementu lub jego identyfikatorem.