鼠标悬停时会触发哪些DOM事件，是否可以进行模拟？

Question

在网站http://themeforest.net/上有一个类别下拉列表，当鼠标悬停在菜单项（例如HTML，Marketing，CMS）上时会激活该类别下拉列表。但是，我似乎无法打破附加到它的任何DOM事件（使用Firefox调试器检查）。预期的事件监听器类似于＆lt; li＆gt;上的鼠标悬停。

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

提前致谢。

Answer 1

它不需要是一个显示子菜单的javascript，它也可以用普通的css和伪类来完成＆＃34;：hover＆＃34;。

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

div ul {
    display: none;
}

div:hover ul {
    display: block;
}

有了这个css，一旦div被徘徊，就会显示div中的ul。

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

希望这有帮助。

编辑：我检查了页面上的css证明了我的假设，有以下css规则适用于menu-point-li：

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