当移出元素时保持悬停效果

问题描述 投票:1回答:1

我有一个导航栏,其中包含一个项目,当用户将鼠标悬停在其上时,将打开一个面板,如下拉菜单。当用户单击面板上的项目时,将在该项目附近打开一个小的弹出窗口以供参考,并且用户可以单击该弹出窗口上的内容(例如链接,按钮等)。

我的问题是,当用户将指针移动到弹出窗口时,面板将消失,因为弹出窗口与导航栏项目不在同一元素中,因此失去了悬停效果。

有什么解决方案可以在鼠标移至弹出窗口时保持悬停项目,并仍保持DOM结构(弹出窗口与导航栏项目分开)

javascript html css
1个回答
0
投票

当您使用mouseover事件时,需要使用mouseout事件来重置默认值。

© www.soinside.com 2019 - 2024. All rights reserved.