jQuery - 마우스 커서가 2 개 요소 안에 있는지 확인합니다 (mouseover 이벤트 내부에서)

Question

2 개의 요소에 mouseout 이벤트가있는 툴팁 기능이 있습니다. 이 두 요소는 자식 - 부모 (서로간에)입니다.

이 이벤트 내에서 마우스 커서가이 두 요소 외부에 있는지 확인해야합니다. 어떻게해야합니까?

Answer 1

대신 mouseout 당신이에 대한 mouseleave를 사용할 수 있습니다

$("#parentID").mouseleave(function() { 
    alert("you have left the parent"); 
}); 

경우 mouseout 화재 아이를 입력, mouseleave하지 않습니다, 그것은 단지 화재 이벤트가 바인딩되는 부모 요소를 떠나. 워드 프로세서

: 이벤트는 이벤트 버블 링을 처리하는 방식에로 마우스와 다른

하는 MouseLeave. 이 예제에서 mouseout이 사용 된 경우 마우스 포인터가 Inner 요소 밖으로 이동하면 핸들러가 트리거됩니다. 이는 일반적으로 바람직하지 않은 동작입니다. 반면 mouseleave 이벤트는 마우스가 바인딩 된 요소를 벗어날 때 핸들러를 트리거합니다. 하위 요소는 바인딩되지 않습니다.