我有一个导航栏,其中包含一个项目,当用户将鼠标悬停在其上时,将打开一个面板,如下拉菜单。当用户单击面板上的项目时,将在该项目附近打开一个小的弹出窗口以供参考,并且用户可以单击该弹出窗口上的内容(例如链接,按钮等)。
我的问题是,当用户将指针移动到弹出窗口时,面板将消失,因为弹出窗口与导航栏项目不在同一元素中,因此失去了悬停效果。
有什么解决方案可以在鼠标移至弹出窗口时保持悬停项目,并仍保持DOM结构(弹出窗口与导航栏项目分开)
当您使用mouseover事件时,需要使用mouseout事件来重置默认值。