繁体 English 中英

调试JavaScript事件

[英]Debugging javascript events

原文 2013-08-04 22:07:03 7 1 javascript/ jquery/ events/ jquery-select2

有什么办法可以让网页上发生某种事件的调用堆栈？

在网页上添加一个select2小部件后，我开始遇到很多“太多递归”错误，但是从代码中可以看出，没有明显的事件气泡问题（检查jQuery太多递归）

在基本上单击页面上的任意位置（经过一定的延迟后）后，就会发生错误

我尝试使用event.stopPropagation手动防止事件冒泡，但这似乎没有任何效果。

我什至在每个可能的元凶中写了一堆console.log ，但是输出中的一切看起来都很正常。

因此，有一种快速的方法来跟踪正在调用的事件（在哪些节点上，如果可能的话，调用了哪些处理程序），将是非常不错的。

有任何想法吗？ 谢谢。

细节：

萤火虫错误：

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