javascript - 调试 JavaScript 事件

Question

有什么方法可以对网页上发生的事件进行某种调用堆栈吗？

在网页上添加 select2 小部件后，我开始遇到很多“递归过多”错误，但从我在代码中看到的情况来看，没有明显的事件气泡问题(检查jQuery too much recursion)

点击页面上的任意位置后(一定延迟后)就会发生错误

我尝试使用 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 Extension

• Visual Event

• Visual Event Chromium Plugin