List all bindings of an element (with jQuery)

Question

Is there a way to list all bindings on a jQuery element? jQuery's bind() does only seem to attach them and I didn't find a jQuery function that does get the bindings.

score 30 · Accepted Answer · edited Aug 17 '15 at 11:17

30

This answer applies to jQuery version < 1.8

Best way to do that, probably the FireQuery plugin for FireFox. Really a neat tool.

If you want/need to accomplish that "in-code", use jQuerys .data('events') object.

$.each($('#element').data('events'), function(i, e) {
    console.log(i, e);
});

All events that were bound via jQuery gets pushed into that object. Of course, there might also be other event handlers like on-anything, for which you would have to check explicitly.

Ref.: FireQuery

edited Aug 17 '15 at 11:17

Community

1
1

answered Nov 09 '10 at 20:59

jAndy

231,737
57
305
359

Yes, I need to do it in code (for writing some tests). Your solution works great. Thanks a lot. – medihack Nov 09 '10 at 22:18
4

See my answer below if you're using >= jQuery 1.8. – Grinn Nov 19 '12 at 15:45
6

None of the answers here worked for me. The accepted answer [here](http://stackoverflow.com/questions/2518421/jquery-find-events-handlers-registered-with-an-object) worked fine though. `jQuery._data( elem, "events" );` where `elem` is a HTML element (NOT jQuery object) – Richard Rout Jun 13 '13 at 16:14
Or use `$("#elem").get(0)`, it returns the html element. – fdelia Dec 04 '17 at 08:19

score 19 · Answer 2 · answered Nov 19 '12 at 15:44

As of jQuery 1.8 the new syntax is:

$.each($._data("#element", "events"), function(i, e) {
console.log(i, e);
});

Note that it's $._data("#element" NOT $.data($("#element"), so be sure to unwrap your selector if you need to using $myJQuerySelector[0].

JQuery 1.8 and above

var elementSelector = '#element-id';

$(elementSelector).bind('click.test', function(){}); // For testing.

$.each($._data($(elementSelector)[0], 'events'), function(i, e) {
    console.log(i, e);
});

The first argument of $._data() is not jquery object.

Note that this is not a supported public interface; the actual data structures may change incompatibly from version to version. - Jquery 1.8 Realeased

Below JQuery 1.8

var elementSelector = '#elementid';

$(elementSelector).bind('click.test', function(){}); // For testing.

$.each($(elementSelector).data('events'), function(i, e) {
    console.log(i, e);
});

In version 1.6, jQuery separated its internal data from the user’s data to prevent name collisions. However, some people were using the internal undocumented “events” data structure so we made it possible to still retrieve that via .data(). This is removed in 1.8.- Jquery 1.8 Realeased

If *JQuery 1.8 and above*, that's the correct answer! Thanks! +1 — Protomen, Dec 10 '16 at 14:11

score 3 · Answer 5 · edited Feb 23 '15 at 15:30

The following code looks at an element and all its children and console.logs any bound events.

function findMyEvents(me) {

    if (typeof $._data($(me)[0], 'events') !== "undefined") {
        console.log($(me)[0])
        console.log($._data($(me)[0], 'events'))
        $._data($(me)[0], 'events')
    };
    for (var i = 0; i < $(me).children().length; i++) {
        findMyEvents($(me).children()[i])
    }
}

findMyEvents('body')

score 0 · Answer 6 · edited May 23 '17 at 12:02

0

I cannot make Grinn's answer work. From jQuery 1.8 find event handlers, I think the example should be changed to

var obj = $('#element');
$.each($._data(obj[0], "events"), function(i, e) {
console.log(i, e);
});

edited May 23 '17 at 12:02

Community

1
1

answered Jan 25 '16 at 04:51

Phong Le

11
1

List all bindings of an element (with jQuery)

6 Answers6

JQuery 1.8 and above

Below JQuery 1.8

Linked