如何跟踪“不可见”的 JavaScript 功能？

Question

如何跟踪/追溯（或捕获）“不可见”JavaScript 功能的实际编码？

在许多网站上，我经常会找到一个按钮来执行某些操作，例如提交消息，但是当我将鼠标悬停在按钮上时，要么没有附加链接，要么只留下一个“#”作为链接。

查看页面代码，通常在元素位置附近没有任何周围的 Javascript 可以为其提供功能。

如何既跟踪单击按钮时实际发生的事情，又跟踪代码中实现此功能的源？当然，必须有一种比手动搜索所有代码和外部 Javascript 文件以查找对元素（如按钮）的任何特定引用更快、更有效的方法...？

（作为参考，我使用的是带有 Firebug 的 Firefox）

Answer 1

我不确定 FireBug，但如果您使用 Chrome 进行调试，您可以执行以下操作：

1. 打开开发者视图 (Ctrl+Shift+J)
2. 转到“元素”选项卡并选择您的按钮
3. 在属性（右侧）上，向下滚动到“事件侦听器”。
4. 寻找“点击”事件并展开它

这里有一个链接，指向按下按钮时将运行的代码。