Question

有没有办法让我的浏览器告诉我当我点击例如div时执行的第一个javascript是什么。

让我分解一下，

代码示例：

<div id='hello'> Hi There </div>
jQuery('hello').bind('click', function() { alert('hello') });

当我点击它时，上面的代码自然会显示你好。但有没有办法在chrome中制作firebug或console，以便在没有明确设置断点的情况下自动打破第一个第一次javascript调用。

在一个复杂的javascript网页中，有很多绑定，但需要几个小时才能找到它背后的实际代码。

Answer 1

所以，如果我关注这个问题你就有了这个场景：

jQuery('#hello') //function call 1
    .bind('click', function(){ function call 2
        alert('hello');
    });

执行此操作的一种方法是覆盖要测试的函数。你缓存实际的函数，用你的函数覆盖它来进行调试，然后用原始参数执行你的缓存。

(function(){
    var _jquery = jQuery;
    jQuery = function(){
        console.log('debug');
        _jquery(arguments);
    }
})();

Answer 2

您可以使用console.log($(element).data("events"));

获取元素的所有事件