Javascript 调试 : pause on click event

Question

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

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

谢谢

Answer 1

是的，我个人最喜欢的是Firebug for Firefox .在“脚本”选项卡上，您可以单击暂停按钮“break on next”，您还可以做其他一些不错的事情，例如浏览 HTML(使用“HTML 选项卡”)，右键单击选择器并选择 < em>Break on Attribute Change/Child Addition or Removal/Element Removal. 当我真的不知道哪个脚本干扰了我的 DOM 时，我倾向于使用它。

唯一要记住的是，如果您在 document 级别的 mouseover 上有一个事件，那么像“break on next”这样的事情几乎毫无意义，因为那时你会不断地崩溃。

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