mouseenter, mouseleave는 mouseover, mouseout과 비슷한 역할을 하지만 차이가 존재한다.

1. 버블링이 일어나지 않는다.

mouseenter, mouseleave는 버블링이 일어나지 않는다.

mouseover,mouseout 는 자식요소까지 이벤트가 발생하는 반면 위에 사용되는 이벤트 핸들러는 자식요소를 제외한 해당 부분만 이벤트가 발생한다.

2. 자식 요소의 영역을 계산하지 않는다.

mouseenter , mouseleave 는 자식 요소의 영역을 계산하지 않는다.

자식 요소의 영역을 구분하지 않기 떄문에 자식 요소에서 이벤트 핸들러가 동작하지 않는 것뿐만 아니라 자식 요소의 영역에 들어갔다 나올 때도

이벤트 핸들러가 동작하지 않는다.