How to find event handlers on an element?

Question

JavaScript

There is a generated page, how to find out which handlers and in which files are hung on a certain element using firebug (firefox) or google Chrome?

Answer 1

In Chrome Dev Tools, select the element you need and go to the Event Listeners tab (sidebar in the Elements tab).

Answer 2

There is a cool Visual Event plugin for chrome. There are similar ones for other browsers as well. You click, point the arrow at the desired element and it shows you all the event handlers on this element.

Answer 3

In firefox, in the inspector, you select an element and the "ev" button appears on the right. Sometimes it helps a lot and even when Chrome Dev Tools -> Event Listeners is powerless.

Answer 4

FireBug has an Events tab that displays a list of all handlers associated with the selected item.

Answer 5

When using event handlers installed via jquery, you won't see them via dev tools, you need to use third party tools like this .