javascript - 查找绑定在不存在元素上的事件

Question

我打算无情地重构我拥有的很多前端代码。代码已经随意添加，功能已经完全重写，而且我知道我已经设置了很多事件来监听不存在的元素。

有没有办法找到将 jQuery 事件附加到不存在的元素的代码？希望找到不再使用的事件，而无需手动完成所有代码。

Answer 1

一个可能的调试步骤是on使用调试版本覆盖该方法，如下所示。它将列出元素集为空的事件注册尝试以及用于定位代码的跟踪。

(function(){
    var old = $.fn.each;
    $.fn.each = function(){
        if(this.length == 0){
            console.debug('non-selector', this.selector)
            console.trace()
        }
        return old.apply(this, arguments);
    }
})();

演示：小提琴