자바스크립트 - 이벤트 객체 mouseout VS mouseleave

mouseout과 mouseleave 차이

• 공통점: 해당 영역에 마우스가 올라가 있는 상태에서 벗어난 것을 감지한다.
• mouseleave:사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을 때 발생합니다. 버블링이 발생하지 않습니다.
• mouseout:사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을 때 발생합니다.

mouseout / mouseleave : 현재 element 영역만 발생 (자식 요소 포함X)

 

마우스가 이벤트로 on 메서드를 통해 사용할 수도 있다. 요소에 내부로 들어왔을 때 실행된다.

차이점:

mouseleave 자식영역에 들어가도 요소를 빠져나갔다고 감지하지 않는다. mouseout 자식영역에 들어가면 요소를 빠져나갔다고 감지한다.