当我单击一个元素时，如何找出javascript运行的内容？

Question

我在看必应地图网站。我正在打开my places编辑器，并单击绘图工具栏中的polyline工具。

当我单击绘图工具栏中的工具时，我想了解javascript运行的内容。

我看过html，元素上没有声明onclick事件。

我已经对页面引用的所有脚本进行文本搜索，查找polyline工具元素的ID。这是为了试图找到将click事件附加到元素的javascript，但我完全没有匹配。

当我点击一个工具时，一定有一些脚本在运行。当我单击工具栏中的工具div时，如何找到正在执行的脚本？

我不认为无论如何，我可以设置断点，如果我不知道首先设置它们的脚本。无论是在IE F12开发工具中还是在firebug中，我都可以捕获运行的javascript来发现它是什么吗？

Answer 1

您可以查看Chrome中的“事件侦听器”面板，它包含每个连接到元素的侦听器的详细信息。

​

​

Answer 2

在中，单击时间线选项卡，取消选中“加载”和“呈现”，然后单击“记录”按钮(填充圆圈)。单击按钮触发事件，然后再次单击圆圈停止录制。在时间线中找到你的事件，然后点击它旁边的箭头展开它。在左边，它将告诉您事件调用的函数。

Answer 3

若要查找已动态添加的特定元素的潜在事件处理程序，请尝试在所有类名和ids源中执行搜索。一旦找到了事件处理程序，就可以设置断点并进行验证。

谷歌Chrome的全球搜索效果很好。