[JavaScript] mouseenter / mouseleave

mouseenter : 마우스포인터가 요소 바깥쪽에서 안쪽으로 이동할 때 발생

mouseleave :  마우스포인터가 요소 안쪽에서 바깥쪽으로 이동할 때 발생

 

mouseenter 와 mouseleave 는 각각 mouseover, mouseout 과 비슷하지만 다른 점이 있다.

 

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

자식요소에서는 mouseenter 와 mouseleave 이벤트가 발생하지 않음.

 

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

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

 

자식요소가 이벤트의 영향을 끼치는지가 가장 큰 차이점이라고 생각할 수 있음.