如何找到特定底层Javascript的源代码？

如何找到单击某个项目后激活的特定动作Javascript的源

比如说--

网站有：

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

在网页上，当单击该

列表项2

项（

）时，它会将该项（拉布拉多寻回犬）的特定信息加载到右侧的窗格中（无需刷新页面或前往任何地方）

如何找到执行此操作的底层Javascript？我用Firebug快速搜索了

“#”

链接，但正如所料，这就像大海捞针一样

我只是不知道你会怎么追踪这件事。该页面似乎还使用了10-12个外部Javascript文件，这使得在这个特定的

上查找Javascript中的内容变得更加困难

---

我认为设置某种断点可能有助于跟踪Javascript中的工作，但我只看到三种类型的断点——元素/子元素删除或属性更改——它们似乎不适用于这里发生的事情。

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