如何确定哪些 JavaScript 函数附加到元素？ [复制]答案

【问题标题】：How to figure out which JavaScript functions are attached to an element? [duplicate]如何确定哪些 JavaScript 函数附加到元素？ [复制]
【发布时间】：2014-12-30 11:59:39
【问题描述】：

我正在开发一个使用我不熟悉的来源的网页。其中一个元素是在鼠标悬停时更改其位置，但我找不到任何触发该行为的相应 CSS。因此，它可能是 JavaScript。如果不为这个元素找出每个可能的选择器，然后通过每个可能的 JavaScript 文件尝试并找到它被使用的位置，我如何才能找到罪魁祸首？

【问题讨论】：

stackoverflow.com/questions/2008592/…
stackoverflow.com/questions/11065358/…
您可以在源代码中找到一些要 grep 的关键内容，以便找到可能与相关事件处理程序挂钩的代码所在的位置。如果代码都是 jQuery，那么您可以使用 grep 查找 .hover( 和 .mouseenter( 以查看这些命中是否与您的对象相关。很多时候，目标对象会有一个明显的选择器（如 id），您可以 grep 为明显的选择器查找任何事件处理程序。没有公式。根据 HTML、编码风格和使用的库，您必须弄清楚要在代码中查找什么。

标签： javascript jquery

【解决方案1】：

您可以使用 chrome 开发工具来解决这个问题。在元素选项卡中选择要检查的项目，右侧是另一个名为“事件侦听器”的选项卡。在那里你可以看到元素附加了哪些事件以及调用它的脚本文件。

【讨论】：

如果是 jQuery，这不会有太大帮助，因为所有实际的事件侦听器都只会指向 jQuery 内部。