Javascript / jQuery在弹出窗口后检测悬停元素&不移动鼠标

Javascript / jQuery detect hover on element after popup & not move mouse

本文关键字:元素 悬停 鼠标 移动 检测 jQuery 窗口 Javascript      更新时间:2023-09-26

我想检测鼠标何时悬停在元素上。简单的对吧?等等,还有

如果我使用,例如,jQuery对话框,(有它),然后退出对话框与enteresc,并同时与鼠标悬停在元素上,(不移动鼠标),我想检测悬停,它不会检测到它,直到我移动鼠标。

你怎么解决这个问题?

编辑1

有太多的代码要显示,但我会编辑我的问题当我有更多的时间

我基本上有一个可点击的div,点击时显示红色。当用户单击该div时,出现jquery对话框,div的颜色变为红色,注意,当对话框打开时,div仍然是红色的。在我的关闭事件中,我去掉了红色。但是,如果用户在div位置悬停时按ESC,我不希望红色消失。

所以我想div的颜色消失时,对话框关闭,如果鼠标不在该元素。我还希望div的颜色保持红色,如果鼠标在悬停元素上。

当我把鼠标悬停在该元素上,当对话框出现时,按ESC,颜色消失了,这是我不想要的。如果我稍微移动鼠标,使鼠标悬停事件激活,颜色就会改变…

希望这能证明我想要的。就像我说的,我稍后会用一些代码编辑…

当对话框打开时,我无法验证鼠标是否悬停在div上,因为对话框元素位于所有其他元素的顶部(整个屏幕被填满了)。我所做的是在close事件中添加延迟,检查元素是否悬停。因此,验证悬停代码在对话框窗口关闭后执行