마우스가 내부 요소 위에있을 때 마우스 오버 손실

Question

다음과 같은 예가 있습니다. 마우스가 내부에있을 때 일 때 <div>에서 "마우스 오버의 손실"을 피하는 방법?

<div id="box"> 
    ABC 
    <span style="font-size: 10px; font-weight: normal;">abc</span> 
</div> 

실시간 데모 here.

Answer 1

예 : mouseenter/mouseout 대신 jquery hover를 사용합니다.

$('#box').hover(function(){ 
    //Enter code 
}, 
function(){ 
    //Exit code 
}); 

다른 사용자가 언급 한 것처럼 마우스 커서 나 마우스를 끈 상태로 연결된 이벤트를 사용할 수 있습니다.

$(selector).mouseenter(handlerIn).mouseleave(handlerOut); 

그러나 호버는 위의 경우 간단히 약식입니다.

Answer 2

mouseenter & mouseleave으로 전환; http://jsfiddle.net/alexk/PjhmC/3/

mouseenter 이벤트는 이벤트 기포를 처리하는 방식에 마우스 오버와 다르다. 마우스 오버이 예에서 사용 된 경우, 마우스 포인터가 내부 요소 위로 움직일 때, 핸들러는) ( 이