CODEWITHSUNDEEP
javascriptjqueryhtmleventsdom
Manish Basdeo
Manish Basdeo

Reputation: 6269

How can I trace an event using Firebug?

For instance when I inspect the element, I want to know all events bound to an element..Where can I find these?

Upvotes: 5

Views: 7155

Answers (5)

katspaugh
katspaugh

Reputation: 17919

There's Firebug extension Eventbug.

Eventbug is a Firebug extension that lists all of the event handlers on the page grouped by event type...

In Chrome's Developer Tools there is Event Listeners tab in the Elements panel, which lists all listeners attached to an element.

enter image description here

Upvotes: 2

Cristian Necula
Cristian Necula

Reputation: 1245

You can use the Visual Event bookmarklet at: http://www.sprymedia.co.uk/article/Visual+Event

It overlays some icons representing each event that is attached to DOM items and you can quickly inspect the event's code by clicking on the icon.

Upvotes: 3

gion_13
gion_13

Reputation: 41533

try http://getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug

Upvotes: 0

Alistair Laing
Alistair Laing

Reputation: 973

Download fireQuery. Its a firebug addon that shows you any event that is bound to an element as well as any .data that maybe assigned to that element

Upvotes: 0

Konerak
Konerak

Reputation: 39773

I asked a related question a while back, and got this answer:

You can see the jquery expression in firebug DOM inspector using FireQuery in firefox https://addons.mozilla.org/en-us/firefox/addon/firequery/

It worked for me!

Upvotes: 3

Related Questions