检查鼠标是否在jQuery中的东西？

Question

我发现过去询问过的所有其他人都被告知要使用:hover，但现在不存在了。有没有办法从.hover()中获得boolean？我目前使用.hover()

为了使div出现时，我mouseover一个按钮，然后消失，当我mouseout。但是，我想添加一个检查，以便div不会消失，除非鼠标不在按钮上并且鼠标不在div之外。

Answer 1

这样的事情应该工作...

var $in_div = 0; 

$("div").mouseenter(function(){ 
    $in_div = 1; 
}).mouseleave(function(){ 
    $in_div = 0; 
}); 

$("button").mouseenter(function(){ 
    $("div").show(); 
}).mouseleave(function(){ 
    if ($in_div == 1) { $("div").hide() } 
}); 

这是我平时使用，由500ms的延迟隐藏的另一种方法，我们可以，如果用户中断，如果我们想（在这种情况下，离开按钮，但进入div）。

var $delay = 0; 
$("button").mouseenter(function(){ 
    clearTimeout($delay); // don't hide 
    $("div").show(); 
}).mouseleave(function(){ 
    $delay = setTimeout(function(){ $("div").hide() }, 500); 
}); 
$("div").mouseenter(function(){ 
    clearTimeout($delay); // don't hide 
});