javascript - Javascript调试：点击事件暂停

Question

我正在调试一个网页，并且想要一种方法来暂停元素的 oonclick 处理程序的 JS 执行，我真的不知道谁是处理程序或何时注册处理程序。

任何浏览器调试器上是否有类似暂停按钮（例如在 Visual Studio 中）的东西，一旦触发用户事件就会暂停 JS 执行？

谢谢

Answer 1

是的，我个人最喜欢的是Firebug for Firefox。在“脚本”选项卡上，您可以单击暂停按钮“下一个中断”，您还可以做其他好事，例如浏览 HTML（使用“HTML 选项卡”），右键单击选择器并选择中断之一关于属性更改/子添加或删除/元素删除。当我真的不知道哪个脚本干扰了我的 DOM 时，我倾向于使用它。

唯一要记住的是，例如，如果您mouseover在该document级别上进行了一项活动，那么“下一个休息”之类的内容几乎没有意义，因为您将不断休息。

您还可以查看一些解决方案来查找所有记录的事件，但我认为没有一种简单的方法可以在不直接调用 JavaScript 的情况下询问 JavaScript“什么点击事件绑定到此 DOM 元素”。如果您使用的是 jQuery，那么正如这个答案所暗示的那样，它确实会变得更容易一些。

Answer 2

除了 Ian Clark 对使用 Firebug 的回答外，在 Chrome 中，您还可以转到Sources“开发人员工具”窗口 (F12) 中的选项卡，那里有用于调试的控件。