How can we find all the events attached to a DOM element

Question

We need to find all the events attached to a particular DOM element. For example, how can I find all the events attached to the YouTube search input tag? I have tried:

$._data( $("#tabieBrowser")[0], "events" );

It works on some website but mostly it doesn't. I have also tried to include jQuery if the website doesn't have it.

var script = document.createElement('script');
script.src = '//code.jquery.com/jquery-1.11.0.min.js';
document.getElementsByTagName('head')[0].appendChild(script);

I suppose you don't mean *events*, but *event handlers*, right? — trincot, Apr 18 '19 at 19:13
I don't think there is a reliable way to do this: https://stackoverflow.com/a/18116524/11342676 — 0xnoob, Apr 18 '19 at 19:17
Possible duplicate of [How to find event listeners on a DOM node using JavaScript](https://stackoverflow.com/questions/10940104/how-to-find-event-listeners-on-a-dom-node-using-javascript) — Terry, Apr 21 '19 at 14:32

score 1 · Answer 1 · answered Jan 14 '20 at 23:05

1

On Chrome only, you can use getEventListeners(element) to find all active event listeners and the events they are listening for.

answered Jan 14 '20 at 23:05

Marisha

186
13

How can we find all the events attached to a DOM element

1 Answers1