List all jquery event binded on an dom element

Question

I'm working on a spaghetti coded website. Some strange action apears on certain elements. There is nothing listed on the Chrome event listener.

Is there any other way to look at that ? Like writing in the console something like that:

$('#myElement').getEvents(); //Not a real code

Could be a duplicate of Fetch all binded events using jquery — phemios
– phemios, Commented Oct 18, 2012 at 13:34
You can try inspecting the ancestor chain to see if any of the #myElement ancestors have bound event listeners. — Alexander Pavlov
– Alexander Pavlov, Commented Oct 18, 2012 at 13:35

Brad Christie · Accepted Answer · 2012-10-18 13:47:21Z

1

As another option, you can get between the jQuery binding and the element using the following hook:

(function($){
    var event_add_orig = $.event.add;
    $.event.add = function(){
        console.log('Added event (' + arguments[0].tagName + '::' + arguments[1] + ')');
        // arguments[0] // elem
        // arguments[1] // types
        // arguments[2] // handler
        // arguments[3] // data
        // arguments[4] // selector
        event_add_orig.apply(this, arguments);
    };
})(jQuery);

That way you'll see every binding being applied throughout the page. You can then use more logic to distill it down to a specified event or element. Keep in mind that this would need to be defined before anything else on the page executes, but of course after jQuery's defined.

answered Oct 18, 2012 at 13:47

Brad Christie

102k16 gold badges160 silver badges200 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vivien Over a year ago

Great solution, arguments[2] give me enought info to find the problem. Thx

Collectives™ on Stack Overflow

List all jquery event binded on an dom element

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related