最近在项目中做了个日历效果，用了一个插件。遇到的难题是鼠标移入时展示详情盒子，移出日期盒子的时候详情盒子不消失。
需求是在有事件的当天移入日期盒子时，展示一个div里面显示当天的活动详情。显示框跟随鼠标显示。点击详情跳转详情页。
跟随鼠标我是用的PageX,PageY实现的，我给每一个日期的小div设置了移入事件，显示详情盒子。但当移出时详情盒子就自然消失，这很合理。但并不满足需求。
纠结于怎么在移出时让详情盒子留在那里。
最后想明白了，思路是在移出日期盒子的时候做一个判断，看鼠标是否移入了详情盒子。如果鼠标在详情盒子中就不隐藏详情盒子。
在移入详情盒子的时候设置一个变量，然后在移出日期盒子的时候设置一个延时定时器，给一个时间在这个时间之后判断鼠标是否移入详情盒子。就ok了～想了好久可能不是最好的，如果大家有好的方法希望指点一下～
网友评论