您如何找到特定底层Javascript的来源？

Question

如何找到点击特定项目后正在激活的特定操作Javascript的来源？

例如 -

网站有：

<ul id="list0" class="list">
  <li id="listItem0">
  <li id="listItem1">
  <li id="listItem2" class="selected">
    <a href="#">Labrador Retriever</a>

在网页上，当点击listItem2项目（<a href="#">）时，它会将项目（拉布拉多猎犬）的特定信息加载到右侧的窗格中（无需刷新页面或转到任何地方） ）。

您如何找到正在执行此操作的基础Javascript？我使用Firebug快速搜索"#"链接，但正如预期的那样，就像试图在大海捞针中找到一根针。

我只是不知道你是怎么去跟踪它的。该页面似乎也使用了10-12个外部Javascript文件，这使得查找Javascript正在观看和处理此特定<a href="#">的内容变得更加困难。

我认为设置某种断点可能会有助于追踪Javascript中的工作，但我只看到三种类型的断点 - 元素/子删除或属性更改 - 似乎没有适用于此处发生的事情。

Answer 1

我相信chrome，您可以选择一个特定元素，并查看哪些事件侦听器附加到该特定元素。右键单击元素，选择“Inspect Element”或类似的东西，然后在右侧栏中向下滚动（我认为它应该包含应用的样式，事件监听器以及如何使用宽度，高度，边距来渲染'box'，边框和元素的填充）。