javascript - 如何让我的 jQuery 鼠标悬停工具提示跟随鼠标指针？

Question

我的 jQuery 代码:

$('.box_class').bind('mouseover', function(e){
   $('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'});
   $('.tooltip').fadeIn("fast");
}); 

它工作正常，但我希望该消息始终跟随鼠标指针，现在，当我在 box_class 上“鼠标悬停”时，它始终停留在同一点。我可能应该将 mouseover 函数更改为另一个？或者我应该如何实现？

Answer 1

尝试鼠标移动:

$('.box_class').bind('mouseover', function(e){
   $('.tooltip').fadeIn("fast");
}); 

$('.box_class').bind('mousemove', function(e){
   $('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'});
}); 

保持 mouseout 或 mouseleave 观察者关闭工具提示。