JavaScript의 mouseover 및 mouseout 이벤트는 바인딩된 요소 내부에 하위 요소가 있는 경우
가 바인딩된 요소를 전달할 때 mouseover 및 mouseout 이벤트가 여러 번 트리거됩니다.
jquery 솔루션:
jquery의 mouseenter 및 mouseleave 메소드는 이 문제를 해결했으며 mouseover 및 mouseout을 대체하는 데 직접 사용할 수 있습니다.
하지만 mouseenter 및 mouseleave가 있습니다. 작은 문제 마우스가 문서 외부에서 이벤트에 바인딩된 요소에 직접 들어가면 마우스 입력이 적용되지 않는다는 것입니다
임시 해결책은 이벤트에 바인딩된 요소를 브라우저 가장자리에서 멀리 유지하고 최소한 1px 간격을 두십시오.
또한 jquery의 hover() 메서드는 mouseenter 및 mouseleave를 사용하는 것과 동일합니다. 또한 마우스 오버 및 마우스 아웃 문제를 해결할 수도 있습니다.