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

单击某个HTML元素时会执行某些操作。我找不到添加单击事件的行。有什么工具可以帮忙吗

Chrome开发工具>元素>（选择该元素，见右面板）>事件侦听器>单击，它列出了一些带有行号的js文件，但它们是js插件。我需要的是哪一行决定使用这些插件的元素

---

我还尝试搜索

。单击（

，但1）有太多其他元素分配了单击事件2）有问题的行可能是用其他语法编写的，例如：

。on（‘单击’

像这样覆盖EventTarget addEventListener原型，然后在console.log中添加一个断点，并使用chrome开发控制台，您将能够看到堆栈跟踪并找到它的添加位置

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

在添加任何事件之前添加此项

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

示例用法：

---

我不确定我是否正确理解了这一点。你的意思是向现有的单击事件添加调试器行吗？但问题是如何找到现有的单击事件行。不，我可以找到DOM节点，但在js中添加了事件处理程序吗？[已编辑]很抱歉，您是对的。但该可视事件未找到所有事件。我认为这取决于事件的编写方式。例如，该可视事件未能找到的“缩小范围”附加了鼠标悬停、鼠标移出事件。