是否有用Chrome控制台捕捉javascript'悬停'事件？

Question

所以，我有Javascript的代码它现在是相当无组织的很多行。众多功能之中 一个功能是干什么的“悬停”事件的一些动作，但我不能只是翻翻代码中找到它。

我想知道是否有可能赶上来找出哪些功能的原因与谷歌浏览器的“CONSOLE.LOG”

Answer 1

上有DOM API没有本地的“悬停”事件。另一方面，还有一些最好的东西：mouseenter，mouseleave和mouseover，mouseout。在内部，你会发现jQuery库将“悬停”事件当作事件的组合来处理，当你用鼠标输入时它会触发第一个函数，当你离开它时触发第二个方法。你可以在hover here上找到jQuery文档。

Answer 2

如果你正在寻找一种方式，悬停事件，其功能是处理使用Chrome的特定事件，当您在Chrome中使用扳手 - >工具 - >开发人员工具时，可以查看“元素”选项卡右下角的“事件侦听器”选项卡。该选项卡应列出所选节点上处理事件的所有功能。

Answer 3

打开开发者工具，然后单击“时间线”选项卡/节。从那里点击页面底部的记录按钮。当它正在录制时，将鼠标悬停在您想要调查的项目上，然后停止录制。

在事件，你可以寻找任何鼠标悬停事件的时间表，和他们每个人应该在时间轴旁边有一个箭头。扩展这个箭头将告诉你JS被调用的是哪一行，它使用了多少内存以及它的持续时间。