jQuery를 사용하면 요소가 'mouseovered'및 해당 요소의 하위 요소를 감지 할 수 있습니까?

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> 

두 개 이상 마우스, #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/