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

Question

在网站http://themeforest.net/上有一个类别下拉列表，当鼠标悬停在菜单项上时，这个下拉列表就会激活(例如，HTML、市场部、CMS)。但是，我似乎无法中断附加到它的任何DOM事件(使用Firefox调试器进行检查)。预期的事件侦听器类似于鼠标右键。

我想知道的是附加了哪些事件(或者这个动画是如何以其他方式触发的)，如何找到这些信息，以及这些事件是否可以用$(el).trigger()或el.createEvent()来模拟。

提前谢谢。

Answer 1

它不需要是一个显示子菜单的javascript，它也可以用普通的css和伪类“：悬浮”来完成。

我猜这就是它在这个页面上的工作方式，因为我看不到DOM中的任何更改(比如添加了类，更改了内联样式)。可以这样做：

div ul {
    display: none;
}

div:hover ul {
    display: block;
}

有了这个css，div中的ul就会在div悬停后显示出来。

无论如何，关于你的问题：“悬停”不会真正触发自己的事件(据我所知)，它更多的是“鼠标中心”和“鼠标保存”的组合。

希望这能有所帮助。

编辑:我检查了验证我的假设的页面上的css，下面的css规则适用于菜单点-li：

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