如何绑定到jQuery中的所有自定义事件

Question

我知道不可能绑定到所有 DOM 事件，而且我知道您可以通过提供空格分隔的列表来绑定到多个事件。

但是是否可以绑定到所有自定义事件（最好通过通配符模式过滤，如“abc*”或名称空间）？

编辑： 为了澄清，我创建了一些自定义小部件来响应一些自定义事件。例如，它们都处理名为“stepReset”的事件并重置其内部模型。

在我写完这些之后，我意识到事件不会冒泡，所以调用$(body).trigger('stepReset') 基本上什么都不做。因此，我正在考虑在所有小部件的父元素上添加一个总括事件处理程序，以向下传播所有相关事件。

（我知道这不是一个优雅的解决方案，但我忘记使用具有公共类的处理程序标记元素，因此没有简单的方法来使用全选。）

Answer 1

关于您即将进行的编辑，您可以通过访问对象的数据来检索所有绑定事件：

var boundEvents = $.data(document, 'events');

从这里，您可以遍历生成的对象并检查您选择的通配符的每个属性，或者遍历该属性的数组元素并检查每个属性的namespace。

例如，

$.each(boundEvents, function () {
    if (this.indexOf("*"))   // Checks each event name for an asterisk *
        alert(this);

    // alerts the namespace of the first handler bound to this event name
    alert(this[0].namespace); 
});

---

如果我理解正确，您可以遍历特殊事件对象以获取自定义事件列表（包括在 jQuery 源代码中指定的事件）。这是一个 ES5 示例，您需要自己适应旧版浏览器或使用 a polyfill 替换 Object.keys：

var evts = Object.keys(jQuery.event.special).join(" ");
$("#myDiv").on(evts, function (e) {
    // your code here
});