最近在自己封装一个下拉菜单的组件,其中有一个效果是鼠标悬停上去图片切换高亮状态,鼠标离开状态切换回来。这里就出现了一些问题,当我在鼠标快速移动并且滑过时,并没有触发这两个事件,问了我的好兄弟,他说让我限制鼠标移动速度,这种肯定不可以,关系到用户体验,我又尝试百度上说的定时器方法,可是没有用啊,该不触发还是不触发,所以在下在这里想请教一下大家,这个问题应该怎么去解决,不行我就跟产品拼命去了
题主代码呢?没有打错事件名称吧,是mouseenter和mouseleave,不是moseenter/moseleave
只要移动上去肯定会触发的,只可能是鼠标移动太快了效果没出来,具体要看代码才知道怎么优化了。
不过注意mouseenter和mouseleave有兼容性问题,一些老版本浏览器不支持
换2个事件,用mouseover,mouseout事件试试。