javascript - 如果没有文件或函数名称，如何找到正在对元素进行更改的函数？

Question

我有一个大项目。有几十个JS文件。我页面上的一个元素附加了一个单击事件。我想编辑此单击事件，但首先我需要找到其文件和行。在事先不知道函数名或文件名的情况下，我该如何做到这一点？有没有办法观察firebug中的元素并记录正在执行的函数？

背景故事:

该元素有一个 .open 类，该类在单击时添加，并在用户单击其他任何内容时删除。我想在鼠标悬停时添加 .open 类，并在鼠标移开时删除该类。我想使用在点击事件中调用的相同函数，但首先我需要找到它。

谢谢。

Answer 1

如果您使用 jquery 添加事件，您可以在 firebug 的控制台中使用以下代码找到事件的处理程序:

jQuery._data($(".someHTMLelement")[0], "events")

您将在“handler”属性下找到处理程序的位置，只需单击该函数即可跳转到代码中的相应行。

如果您不使用 jquery，而是使用 native addEventListener，则可以使用此:

getEventListeners($(".rs-btn")[1])

该函数将位于“listener”属性下