javascript - 确定事件处理程序在 DOM 元素上消失的原因

Question

（在 Chrome 中）是否有一种简单的方法来确定何时从元素中删除事件处理程序（用于单击）？我的一个事件处理程序神秘地消失了，但我不确定是否有一种快速简便的方法可以在发生这种情况时暂停或获取堆栈跟踪/异常。

Answer 1

在您的调试环境中，运行此代码并查看您的console.

(function () {
    var ael = Node.prototype.addEventListener,
        rel = Node.prototype.removeEventListener;
    Node.prototype.addEventListener = function (a, b, c) {
        console.log('Listener', 'added', this, a, b, c);
        ael.apply(this, arguments);
    };
    Node.prototype.removeEventListener = function (a, b, c) {
        console.log('Listener', 'removed', this, a, b, c);
        rel.apply(this, arguments);
    };
}());

如果需要查看更多信息，您可能还想调用console.trace或给函数命名以便您可以使用.caller（arguments.callee已贬值，因此使用名称来获取对自身的引用）