调试javascript事件

Question

有没有任何方法可以有一个发生在网页上的事件的调用堆栈？

在web页面上添加了select2小部件后，我开始遇到许多“太多递归”错误，但从代码中可以看到的情况来看，没有明显的事件气泡问题（选中jQuery太多递归）

错误发生在点击页面上的任何地方之后（经过一定的延迟）

我尝试用event.stoppropagation手动防止事件冒泡，但这似乎没有什么好处。

我甚至写了一堆console.log，但在输出中看起来一切正常。

因此，如果能有一种快速的方法来跟踪正在调用的事件（在哪些节点上，如果可能的话，调用了哪些处理程序），那就真的很好了。

有什么想法吗？多谢了。

详情：

• Firebug错误:

too much recursion

...s?3:4&s?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!=...

• 选择2 jQuery代码:

$("#my-input").select2({
        width: 200,
        placeholder: "Enter a name",
        minimumInputLength: 0,
        ajax: {
            url: "/ajax/search",
            dataType: 'json',
            type: 'POST',
            data: function(term, page) {
                return {
                    q: term
                }
            },
            results: function(bond, page){
                return {
                    results: bond, 
                    more: false
                }
            }
        },
        formatResult: function(bond) {
            return '' + bond.name + ''
        },
        formatSelection: function(bond) {
            return bond.name
        },
        initSelection: function(elem, cb) {
            return elem
        }
    });

• Chrome开发工具中的堆栈跟踪:

Answer 1

有提供此功能的浏览器扩展：

>

EventBug Firefox扩展

视觉事件

Visual Event Chromium插件