javascript - Jquery 在任何和所有自定义事件上触发一个函数

Question

我正在尝试确定某些自定义 事件何时触发。这个网站是用 jQuery 设计的。所以我想为所有 custom .trigger 事件添加一个事件监听器。我试过:

$('*').on('*', function(e) {
     console.log('custom event name that just triggered:', e.eventName, 'selector of element that it triggered on:', e.target);
});

这没有用。我知道如果我全部观看，性能会很差，所以这就是为什么我尽量不观看标准事件，只观看自定义事件。

Answer 1

有一种方法可以生成添加到页面的所有事件的列表，但我建议不要在生产代码中这样做。如果您可以完全避免这样做，那就太好了，但基本上您希望在页面上加载任何其他 JavaScript 之前运行以下代码段。

var events = {};
var original = window.addEventListener;

window.addEventListener = function(type, listener, useCapture) {
    events[type] = true;
    return original(type, listener, useCapture);
};

这将为您提供一个对象，其键是您的触发器。

然后您可以使用这些键生成一个字符串列表，您可以将其传递给 jQuery。

var list = Object.keys(events).join(" ");

$('*').on(list, function(e) {
     console.log(
        'custom event name that just triggered:', e.eventName,
        'selector of element that it triggered on:', e.target);
});