JavaScript 마우스 오버 및 마우스 아웃 이벤트, 바인딩 요소 안에 자식 요소가있는 경우,
마우스 오버 및 마우스 아웃 이벤트는 요소를 바인딩 할 때 여러 번 트리거됩니다.
jQuery 솔루션 :
jQuery의 마우스 센터 및 마이셀 리브 방법은이 문제를 해결했으며 마우스 오버 및 마우스 아웃을 대체하는 데 직접 사용할 수 있습니다.
그러나 마우스가 문서 외부에서 바인딩 이벤트의 요소를 직접 입력 할 때 마우스 센터가 적용되지 않습니다.
임시 솔루션은 바인딩 이벤트의 요소가 브라우저 가장자리에 의존하여 최소 1px 간격을 남기도록 허용하는 것입니다.
또한 jQuery의 Hover () 메소드는 마우스 엔터 및 Mouseleave를 사용하는 것과 같습니다. 또한 마우스 오버 및 마우스 아웃의 문제를 해결할 수도 있습니다.