如何确定哪些JavaScript函数附加到元素？

我正在制作一个使用我不熟悉的资源的网页。其中一个元素是在鼠标悬停时改变其位置，但我找不到任何触发该行为的对应CSS。因此，它可能是JavaScript。我如何才能找到罪魁祸首，而不为这个元素找出每一个可能的选择器，然后检查每一个可能的JavaScript文件，试图找到它的使用位置？

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

您可以在源代码中找到一些需要grep查找的关键内容，以便找到可能连接到相关事件处理程序的代码所在的位置。如果代码都是jQuery，那么您可以搜索

.hover（

和

.mouseenter（

）来查看这些点击是否与您的对象相关。很多时候，目标对象会有一个明显的选择器（如id）您可以为明显的选择器搜索任何事件处理程序。没有公式。根据HTML、编码样式和使用的库，您必须找出代码中要查找的内容。如果是jQuery，这不会有多大帮助，因为所有实际的事件侦听器都将指向jQuery内部。