如何在不显眼地连接事件时找到 JavaScript 运行

Question

我正在处理一个包含复选框的网页，这些复选框在单击或更改时会执行某些操作。 HTML 本身没有明确的事件绑定。我真的不知道事件绑定是如何完成的，也无法找到更改复选框时正在运行的 JavaScript（除了页面在其他地方使用 jQuery）。

JavaScript 本身分布在 HTML 本身的多个位置，以及一大堆额外的 JavaScript 文件中。这会使在 JavaScript 中到处设置断点变得困难。

有没有什么方法，例如使用一些调试环境，来找出当我更改这些复选框的值时运行的是什么 JavaScript？

Answer 1

转到 google chrome 开发人员工具中的脚本选项卡并将事件侦听器断点设置为 change 事件（或单击事件，无论他们使用什么），然后单击一个复选框。然后它会立即停止执行，您可以逐个函数地手动遍历整个执行过程。