转换完成后更改悬停光标

Question

我有一个菜单按钮，当我将鼠标悬停在它上面时，该按钮会向下滑动，从而带有所有菜单选项。因此，当过渡发生时，鼠标停留在同一位置，菜单选项在其下方移动，直到完全打开为止。按钮之间有一个空格，并且我将每个选项的光标都设置为“指针”。因此当过渡发生时，光标会在默认鼠标和指针之间闪烁，直到完全打开为止。

有没有办法防止这种情况？

我尝试在光标更改以及指针事件更改上设置过渡延迟，直到过渡完成，但这似乎没有任何效果，因为我想您无法像这些CSS属性那样进行过渡。

任何想法，谢谢

Answer 1

对于任何感兴趣的人，这就是我解决这个问题的方法...

我从css悬停切换为onmouseenter和onmouseleave功能在我的onmouseenter函数中，我向包装器添加了一个类，该类将光标更改为指针，然后设置了计时器以在过渡完成后删除该类，可以正常工作，但显然涉及一些js

openmenu=function(el){
    el.classList.add("opened")
    el.classList.add("c_pointer")
    setTimeout(function(){ el.classList.remove("c_pointer") }, 400);
}

closemenu=function(el){
    el.classList.remove("opened")
}