Javascript 如何找出哪个元素触发了哪个事件

是否有一个工具（或firebug中的某个工具）可以告诉我刚刚触发了哪些事件，更重要的是它们绑定到了哪些元素

我有很多javascript“包括”，有些是缩小的，有些不是。我正在经历一些奇怪的行为，我想关闭，但我找不到是什么导致它

我有一个表单显示在一个“弹出窗口”中，当我试图点击其中一个输入框时，“弹出窗口”关闭，所以某个地方的事件绑定导致了这一点

问题是，我不知道哪个元素绑定了这个伪事件。如果单击弹出窗口内的任何位置（以及覆盖页面其余部分的背景遮罩上），也会出现问题，但这是可以接受的

我使用的是firefox，所以我可以在控制台中键入任何内容也是一个选项。多个javascript文件中的事件以各种方式完成，有些通过jquery，有些使用内联属性（例如onclick=“…”），有些仅使用javascript

我当然不想在每个javascript文件中的每个可能事件中添加一些代码行

---

我花了一个多小时试图找到这个dom元素，并且已经消除了一些明显的元素，比如包含弹出窗口和body标签的div。

dom修改可以通过使用InSide Firebug进行跟踪。可以通过单击中的相关按钮（）来激活它。请注意，必须启用才能工作

还有其他几种方法可以帮助您在代码中找到特定事件的正确位置

此外，Firebug 2.0还引入了一个，它显示绑定到HTML面板中所选元素的所有事件。如果使用像jQuery这样的库，它甚至允许您调查由库函数包装的用户定义函数，以防启用选项Show wrapped Listeners，如中所述