How to check if any JavaScript event listeners/handlers attached to an element/document? [duplicate]

Question

Tried to search online, but does not look like I can formulate search query properly.

How can I, either with jQuery or just javascript list all the handlers or event listeners that are attached to element(s)/document/window or present in DOM?

Answer 1

In jQuery before 1.8, try using $("#element").data("events")

EDIT:

There is also jQuery extension: listHandlers

Answer 2

When debugging, if you want to just see if there's an event, I recommend using Visual Event or the Elements" section of Chrome's Developer Tools: select an element and look for "Event Listeners on the bottom right.

In your code, if you are using jQuery before version 1.8, you can use:

$(selector).data("events") 

to get the events. As of version 1.8, this is discontinued (see this bug ticket). You can use:

$._data(element, "events") 

but this is not recommended since it is an internal jQuery structure, and could change in future releases.

This question has some answers which may be useful, but none of them are particularly elegant in the same way that $(selector).data("events") was.