跟踪点击处理程序

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

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