如何找到哪一行添加了某个js事件处理程序？[副本]

Question

Chrome dev tools>Elements>（选择该元素，请参见右面板）>Event Listeners>单击，它列出了几个带有行号的js文件，但它们是js插件。我需要的是哪一行决定那个元素使用那些插件。

我还尝试搜索.click(，但1）有太多其他元素被分配给click事件2）有问题的行可能是用其他语法编写的，例如:.on('click'

Answer 1

重写EventTarget addEventListener原型，然后将断点添加到console.log并使用chrome dev控制台，您将能够看到堆栈跟踪并找到它添加的位置。

只要确保在找到源后禁用它

在添加任何事件之前添加此内容。

EventTarget.prototype.addEventListener = function(type,listener,useCapture) {
if (this.id === 'id of the element you are tracking')
    console.log('breakpoint!');
};