Firefox Extension To Find Out Which Javascript Event Is Bound To An Inspected Element?

One can bind Javascript events to html elements without using inline declarations. Is there a way when inspecting an html element to know which events are bound to the element? I w

Solution 1:

Visual event 2

_{(source: tinygrab.com)}

Visual Event is an open source Javascript bookmarklet which provides debugging information about events that have been attached to DOM elements.

Solution 2:

There's no way to enumerate listeners added with addEventListener in Firefox core (bug 448602).

There may be workarounds, but I'm not aware of any. See also How to find event listeners on a DOM node when debugging or from the JavaScript code?

[edit] Oh wait, determine "which events are bound"? Did you mean which events can fire on the node? If so, you should clarify your question.

Solution 3:

From Firefox 33 this feature (Display which elements have listeners attached) is added to inspector in firefox-developer-tools. You can see 'ev' or 'event' icon next to elements which have event listeners. Clicking that displays a listing of all the event listeners bound to the element.

MDN - Examine Event Listeners