跟踪点击处理程序

Question

如果我有一个点击处理程序绑定到带有ID的div，以及10行文件中的4000行javascript / jquery ......我怎样才能找到绑定到该ID的内容？意味着这10个文件中的哪个是被触发的代码？

无论如何使用Firefox很容易看到这个吗？

我知道我可以搜索每个文件，但是在一个复杂的网站上有许多目录中的许多文件等，这不是一件容易的事，而且代码可能包含在一个文件中，而不是一个js文件。

已经搜索过一个解决方案但到目前为止找不到。

例如：

<div id="exp2" onclick="expander(this); manageInvAddr();">
    <span class="info1head">Billing Address</span>
</div>

我想知道函数manageInvAddr();在哪个文件中，但更糟糕的是，点击可以简单地附加到ID而不使用onClick，因此您只需要搜索的ID，这是有问题的，因为在整个网站中可能会有许多ID重复使用。

Answer 1

大多数DOM检查员现在都内置了这个。但是，如果要以编程方式获取事件，可以使用jQuery的_data()方法：

var eventsObj = $._data($('#foo')[0], "events")

请注意，这会返回由事件类型键入的对象。另请注意，该方法的第一个参数是本机DOM元素，而不是jQuery对象或选择器。

Example fiddle

Answer 2

你正在寻找这样的东西吗？这是chrome调试工具栏。

Answer 3

Visual Event对我来说比Chrome更有帮助，因为除了注意声明事件的行号之外，它还可以直观地显示哪些节点具有事件绑定。它是一个scriplet，允许它被添加到所有浏览器（甚至IE）。