查看html文档的js代码集事件在哪里

Question

我有html文档和许多js脚本文件。我如何理解js代码为元素设置onclick事件的位置？有数千行代码，看起来非常痛苦。

Answer 1

这是一个简单的解决方案：

1. 进入Google Chrome，转到Developer Tools;
   • Menu＆gt; Tools＆gt; Developer Tools
   • Windows快捷方式：Maj + CTRL + i
   • Mac OS X快捷方式：Command + Option + i
2. 然后，在“Elements”部分中，找到您感兴趣的元素;
3. 在此之后，在右边;你有很多信息，比如样式，指标等等。但如果你向下滚动，在底部，你有一个名为“Event Listeners”的部分

它引用所有事件及其声明的位置。

您也可以通过右键单击页面元素直接访问此面板，然后选择“Inspect Element”

Answer 2

我没有现成的解决方案，但这可能会让你开始：有一个jQuery插件拦截“DOM Mutation Events”（包括“当一个属性被修改时”。

Here are the docs和here is to the code。

如果您不使用jQuery，请将部分代码转换为jQuery或分析插件代码，以了解它如何使用这些事件。

相关问题：firing event on DOM attribute change