如何使用Firefox调试器调试jQuery事件？

Question

我一直在嘲笑我的大脑，无法弄清楚我的生活。

这是我为此讨论而构建的测试页面：

http://jsbin.com/garokalocu

让我们假设这个页面非常复杂，我没有构建它，而且我正在尝试查看用户点击“Do It”时运行的代码。所以我打开调试器，打开侧窗格，然后单击“事件”。我勾选#execute的点击事件，即按钮。

现在我单击按钮，代码命中断点。但奇怪的是，“Bob”这个名字已经被填写了，所以很明显它飞过了实际的代码，然后把我带到了这里：

我不明白这里发生了什么。所以我尝试了其他的东西，Firefox中的一个新功能，我认为可能很方便。如果我检查代码，某些DOM元素上几乎没有“ev”标记。据说你可以点击这些并查看代码。

嗯，那没结果。如果有人可以请告诉我如何调试jQuery事件，并看到实际的代码被执行，我将永远感激不尽。谢谢！

Answer 1

您将jQuery视为处理程序，因为您使用jQuery来创建这些侦听器。触发事件时调用jQuery代码。如果您使用普通的JS addEventListener，它们将在事件中显示而无需单步执行。

根据{34}中的article here功能，如果您使用Firefox测试版，它应该具有您想要的行为。