how to view associated click function code

Question

For example, i associate following function with some element

$('table#users tbody tr:first #save').click(function(){ $(this).closest('tr').remove(); });

Now, if i don't know where this function is stored, is there a way to view associated with click() code? In above example, i want a way to view that in firebug, or in another way

$(this).closest('tr').remove();

If I'm writing in console following, i'm get a link to dom inspector

>>> ($('table#users tbody tr:first #save').click) function()

but link is for jquery library, not the code i want.

Community · Accepted Answer · 2017-05-23 12:13:27Z

I think this will answer your question How to find event listeners on a DOM node when debugging or from the JavaScript code?

The reason you get a link to the DOM inspector on the code you wrote is because calling $(selector).click will actually raise the click events and return the result set.

Ionuț G. Stan · Accepted Answer · 2010-04-30 14:00:33Z

Try the eventbug plugin for Firebug: http://blog.getfirebug.com/2009/10/30/event-listener-view-for-firebug/

llamerr · Accepted Answer · 2011-01-11 17:03:56Z

There is also default method of Function object in javascript - toSource

http://www.devguru.com/technologies/ecmascript/quickref/function_object.html

example:

>>> $('.jq-runCode').click.toSource()

"(function (d) {return d ? this.bind(b, d) : this.trigger(b);})"

Collectives™ on Stack Overflow

how to view associated click function code

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related