反正有没有用Chrome控制台捕捉javascript'悬停'事件？

Question

所以，我有很多行的Javascript代码，现在还很无组织。 许多功能中的一个功能是对'hover'事件做一些操作，但是我只是通过查看代码就找不到它。

我想知道是否有可能通过谷歌浏览器的'Console.log'来捕捉悬停事件中的哪个功能？

Answer 1

如果您正在寻找一种方法来确定使用Chrome处理特定事件的功能，您可以在执行扳手时查看“元素”标签右下角的“事件监听器”标签 - ＆gt;工具 - ＆gt; Chrome中的开发者工具。该选项卡应列出在所选节点上处理事件的所有函数。

Answer 2

dom api上没有原生的“悬停”事件。另一方面，还有下一个最好的东西：mouseenter，mouseleave和mouseover，mouseout。在内部，您会发现jQuery库将“悬停”事件视为事件的组合，当您将鼠标输入时触发第一个函数，当您离开它时触发第二个方法。您可以在hover here上找到jQuery文档。

Answer 3

打开开发人员工具，然后单击“时间轴”选项卡/部分。从那里点击页面底部的记录按钮。录制时只需将鼠标悬停在您要调查的项目上，然后停止录制。

在事件的时间轴中，您可以查找任何鼠标悬停事件，并且每个事件都应该在时间轴中的旁边有一个箭头。扩展该箭头将告诉您调用JS的哪一行，使用了多少内存及其持续时间。