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

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

演示:Fiddle