如何让jQuery鼠标悬停工具提示跟随鼠标指针?

How can I get my jQuery mouseover tooltip to follow the mouse pointer?

本文关键字：工具提示 跟随 鼠标指针 悬停 鼠标 jQuery      更新时间：2023-09-26

jQuery代码:

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

它工作得很好，但我希望该消息始终跟随鼠标指针，现在，当我在box_class上"鼠标悬停"时，它总是停留在同一点。也许我应该把mouseover换成另一个函数?或者说我应该如何实现它?

Try mousemove:

$('.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观察者关闭工具提示

位置是否设置为绝对位置?如果没有，试试:

position:absolute;
相关文章：