有了jQuery，我該如何檢測一個元素是否「鼠標懸停」，以及該元素的任何子元素？

Question

這是我到目前爲止有：

var hoveredElement; //none per default 

;(function($){ 
$.fn.isHovered = function(){ 
    return (hoveredElement.length && $(this)[0] === hoveredElement[0]); 
}; 

})(jQuery); 


$(document).mouseover(function(e){ 
    hoveredElement = $(e.target); 
}); 


$(document).mouseover(function(e){ 
    console.log($(this).isHovered()); 
}); 

基本上我有以下結構：

<div id='one'> 
    <div id="two"> 
     <div id="three"> 
      three 
     </div> 
    </div> 
</div> 

當我鼠標了兩個，我想返回true無論是#two或＃三，我在徘徊。

我該如何做到這一點？

Answer 1

使用jQuery .hover() API：http://api.jquery.com/hover/並且您應該能夠通過$(this)查看當前對象。

喜歡的東西：

$('div').hover( 
function() { console.log('hovering over %o', $(this) }, 
function() { console.log('leaving') } 
); 

Answer 2

試圖尋找到mouseenter，並mouseleave它應該給你你在找什麼

Answer 3

您的代碼在這裏工作：http://jsfiddle.net/maniator/LjUu7/2/