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

时间:2012-10-18 13:28:10

标签: jquery google-chrome-devtools

我正在研究意大利面条编码网站。某些奇怪的动作会对某些元素产生影响。 Chrome事件监听器中未列出任何内容。

还有其他方法可以看吗? 就像在控制台中写这样的东西:

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

1 个答案:

答案 0 :(得分: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定义之后。