如何使用Firebug / Chrome检测事件？

Question

我想知道是否可以从多个js文件中找到哪个文件，该文件负责使用firebug / chrome处理与输入字段相关的事件

如果有可能，我该怎么办？

假设我有一个包含10个js文件和很多代码的页面-其中一个文件负责输入字段中的特定测试。

如何使用Firebug / Chrome浏览器查看正在发生的事件以及事件所属的文件？

Answer 1

如果您使用的是Firebug：

1. 打开萤火虫
2. 右键单击“ HTML”选项卡中的元素
3. 点击日志事件
4. 启用控制台标签
5. 单击控制台选项卡中的Persist（否则，重新加载页面后，控制台选项卡将清除）
6. 选择关闭（手动）

如果您使用的是Chrome开发者工具：

1. Ctrl + Shift + I（开发人员工具）
2. 剧本
3. 事件侦听器断点（在右侧）。

Answer 2

在萤火虫中：

在“脚本”选项卡上时，单击“暂停”按钮（它将开始跳动）。

下次事件发生时，它将断点，使您可以进入相关功能

Answer 3

在firefox中，使用firebug进行调试。 在代码中添加断点

在Chrome浏览器中，按Ctrl-Shift-i。 在scripts标记内添加断点