mouseover, mouseout, mouseenter, mouseleave 차이점

mouseover-mouseout

mouseenter-mouseleave

 

서로 짝을 이룬다.

 

mouseover를 사용한다면, 자식 요소위에 마우스를 over하여도 이벤트가 발생한다. (일반적으로 바람직하지 못한 상황)

하지만 mouseenter 사용 시, 바인딩 된 요소에만 이벤트가 발생하게 된다.

 

즉, inner 요소를 포함하여 바인딩이 되느냐, 그렇지 않느냐의 차이이다.

 

 

참고,

 

- http://api.jquery.com/mouseleave/

 

하단에 Demo 예제가 나와있으므로 참고해야겠다.