列出元素的所有绑定（使用 jQuery）答案

【问题标题】：List all bindings of an element (with jQuery)列出元素的所有绑定（使用 jQuery）
【发布时间】：2010-11-09 20:57:47
【问题描述】：

有没有办法列出 jQuery 元素上的所有绑定？ jQuery 的 bind() 似乎只是附加了它们，我没有找到一个可以获取绑定的 jQuery 函数。

【问题讨论】：

【解决方案1】：

此答案适用于 jQuery 版本

最好的方法，可能是 FireFox 的 FireQuery 插件。真是个不错的工具。

如果您想要/需要完成“代码内”，请使用 jQuerys .data('events') 对象。

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

通过 jQuery 绑定的所有事件都被推送到该对象中。当然，可能还有其他事件处理程序，例如 on-anything，您必须明确检查。

参考：FireQuery

【讨论】：

是的，我需要在代码中完成（用于编写一些测试）。您的解决方案效果很好。非常感谢。
如果您使用 >= jQuery 1.8，请查看我的回答。
这里没有一个答案对我有用。接受的答案here 工作正常。 jQuery._data( elem, "events" ); 其中elem 是一个 HTML 元素（不是 jQuery 对象）
或者使用$("#elem").get(0)，返回html元素。

【解决方案2】：

从 jQuery 1.8 开始，新语法是：

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

注意它是$._data("#element" 不是 $.data($("#element")，所以如果你需要使用$myJQuerySelector[0]，请务必打开你的选择器。

JQuery 1.8 及以上版本

var elementSelector = '#element-id';

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

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

$._data()的第一个参数不是jquery对象。

请注意，这不支持公开界面;实际的数据结构可能会发生不兼容的变化版本到版本。 - Jquery 1.8 Realeased

在 JQuery 1.8 下

var elementSelector = '#elementid';

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

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

在 1.6 版本中，jQuery 将其内部数据与用户数据分离数据以防止名称冲突。然而，有些人在使用内部未记录的“事件”数据结构，因此我们使之成为可能仍然通过 .data() 检索它。这在 1.8 中被删除。-Jquery 1.8 Realeased

【讨论】：

如果JQuery 1.8 及以上版本，那就是正确答案！谢谢！ +1

【解决方案5】：

以下代码查看一个元素及其所有子元素，并在控制台记录任何绑定事件。

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')

【讨论】：

【解决方案6】：

我无法让格林的回答奏效。从jQuery 1.8 find event handlers，我觉得例子应该改成

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

【讨论】：