如何检查鼠标是否位于jQuery中的一个元素之上？

Question

如何检查鼠标是否位于jQuery中的一个元素之上？在jQuery中，是否有一种我缺少的快速简单的方法来做到这一点？我不想使用mouseover事件，因为我已经将它用于其他事情。我只需要知道鼠标是否在给定时刻超过了一个元素。如果有一个“IsMouseOver”函数，我想这样做：function hideTip(oi) {     setTimeout(function() { if (!IsMouseOver(oi)) $(oi).fadeOut(); }, 100);}

Answer 1

将mouseout上的超时设置为fadeout，并将返回值存储到对象中的数据。然后onmouseover，如果数据中有值，则取消超时。

删除fadeout回调中的数据。

使用鼠标/鼠标实际上更便宜，因为当儿童鼠标切换/鼠标退出时，它们不会为菜单触发。

Answer 2

这段代码说明了快乐哈利我想说的是。当鼠标进入，一个工具提示出来，当鼠标离开时，它设置了一个延迟，使它消失。如果鼠标在延迟触发之前输入相同的元素，那么我们就在触发之前使用存储的数据销毁触发器。

$("someelement").mouseenter(function(){
    clearTimeout($(this).data('timeoutId'));
    $(this).find(".tooltip").fadeIn("slow");}).mouseleave(function(){
    var someElement = $(this),
        timeoutId = setTimeout(function(){
            someElement.find(".tooltip").fadeOut("slow");
        }, 650);
    //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
    someElement.data('timeoutId', timeoutId); });

Answer 3

一个干净而优雅的悬停检查：

if ($('#element:hover').length != 0) {
    // do something ;)}