获取MouseLeave事件后鼠标悬停的第一个元素

Question

使用jquery/javascript的人我该如何检查MouseLeave事件之后鼠标悬停的第一个元素？

基本上，我想检查从元素数组如果鼠标滚动这些元素或不。

我正在尝试使用event.relatedTarget。 有什么帮助吗？

Answer 1

你可以做

$('element').mouseleave(function(event){ 
    // assuming that allowedList holds the array of allowed elements 
    if (allowedList.indexOf(event.relatedTarget) > -1){ 
     // found 
    } else { 
     // not found 
    } 
}); 

演示在http://jsfiddle.net/gaby/V4pJb/

Answer 2

使用jQuery，你可以这样做：

​$("#foo").mouse​​​leave(function(e) { 
    var element = $(e.target); 
})​;​ 

这里的工作的例子。您可以将鼠标悬停在文本“Hello”上，并在鼠标悬停时显示它将要离开的元素。 http://jsfiddle.net/k7Gfv/

如果mouseenter（或悬停）与mouseleave不同，那么您需要使用变量来跟踪它。在mouseenter（或悬停）上，设置一个将存储该元素的变量。在mouseleave上，然后你可以引用该变量（只要记得清除或重置下次mouseenter甚至被触发时的值）。

Answer 3

不知道你在找什么，但也许这是somehing这样的：

var elements = $("#a1, #a2"); 

$("#a3").on('mouseleave', nextElm); 

function nextElm() { 
    $('div').on('mouseenter', thisIsIt); 
    $("#r").html('Now hover another element ?'); 
} 

function thisIsIt(e) { 
    if ($.inArray(e.target, elements)!=-1){ 
     $("#r").html('yes'); 
    }else{ 
     $("#r").html('no');    
    } 
    $("#a3").off('mouseleave', nextElm); 
    $('div').off('mouseenter', thisIsIt); 
} 

FIDDLE

Answer 4

你可以做这样的事情。 Here's a fiddle

var hovered = false;; 
$('div').mouseleave(function(e) { 
    hovered = true; 
}); 
$('div').hover(function(ev) { 
     if (hovered) { 
      alert(ev.target); 
      hovered = false; 
     } 
}); 
​