mouseover와 mouseout / mouseenter 와 mouseleave

mouseover	마우스가 특정 객체 위로 올려졌을 때 발생
mouseout	마우스가 특정 객체 밖으로 나갔을 때 발생
mouseenter	마우스가 특정 객체 안에 들어왔을 때
mouseleave	마우스가 특정 객체에서 떠났을 때

▶ 공통점 ▶ 해당영역에 마우스가 올라가는것을 감지

 

mouseenter → 자식영역에 들어가면 감지하지 않음

mouseover → 해당영역의 자식영역까지 들어가도 감지

mouseleave → 자식영역에 들어가서 요소를 빠져나와도 감지하지 않는다

mouseout → 요소안에 있는 다른요소를 빠져나가도 감지하게 된다

 

 

 

See the Pen Untitled by seokachu (@seokachu) on CodePen.