如何在不引人注意地连接事件时查找运行的JavaScript

Question

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

JavaScript本身分布在HTML本身的几个位置，还有一大堆额外的JavaScript文件。这样就可以在JavaScript中的任何地方坚持使用断点。

有没有办法，例如，使用一些调试环境，找出更改这些复选框的值时运行的JavaScript？

Answer 1

转到Google Chrome开发人员工具中的脚本标签，并将事件监听器断点设置为change事件（或点击事件，无论他们使用的是什么），然后单击复选框。然后它将立即停止执行，您可以手动遍历整个执行过程，按功能运行。