哪些 DOM 事件在鼠标悬停时触发，可以模拟吗？

Question

在站点 http://themeforest.net/ 上有一个类别下拉菜单，当鼠标悬停在菜单项上时会激活该菜单项（例如 HTML、市场营销、CMS）。但是，我似乎无法中断附加到它的任何 DOM 事件（使用 Firefox 调试器检查）。预期的事件侦听器类似于

上的鼠标悬停。

我想知道它附加了什么事件（或者这个动画是如何被触发的），你是如何找到这些信息的，以及这些事件是否可以用 $(el).trigger( ) 或 el.createEvent()

提前致谢。

Answer 1

它不需要是显示子菜单的 javascript，也可以用伪 class ":hover" 在普通 css 中完成。

我想这就是它在这个页面上的工作方式，因为我看不到 DOM 中的任何变化（比如添加的 classes，改变的内联样式）。可以这样做：

div ul {
    display: none;
}

div:hover ul {
    display: block;
}

有了这个 css，div 中的 ul 会在悬停 div 时显示。

无论如何，关于你的问题："hover" 并没有真正触发自己的事件（据我所知），它更像是 "mouseenter" 和 "mouseleave" 的组合。

希望对您有所帮助。

编辑：我在证明我的假设的页面上检查了 css，有以下适用于菜单点 li 的 css 规则：

.header-categories__links-item:hover>.header-categories__links-dropdown    
{
    display: block;
}