jquery - 检查鼠标是否在 jQuery 中的某物上？

Question

我发现过去问过这个问题的所有其他人都被告知要使用 :hover，但现在已经不存在了。有没有办法从 .hover() 中获取 boolean？

我目前正在使用 .hover() 以便在我 mouseover 一个按钮时出现一个 div，然后它消失当我 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() }
});

这是我通常使用的另一种方法，通过将隐藏延迟 500 毫秒，我们可以根据需要中断它(在这种情况下，如果用户离开按钮但进入 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
});