jquery - 列出绑定在 dom 元素上的所有 jquery 事件

Question

我正在开发一个意大利面条编码的网站。某些元素会出现一些奇怪的动作。Chrome 事件侦听器上没有列出任何内容。

有没有其他的方式来看待它？就像在控制台中写这样的东西：

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

Answer 1

作为另一种选择，您可以使用以下钩子在 jQuery 绑定和元素之间切换：

(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);

这样，您将看到在整个页面中应用的每个绑定。然后，您可以使用更多逻辑将其提炼为指定的事件或元素。请记住，这需要在页面上的任何其他内容执行之前定义，但当然是在 jQuery 定义之后。