본문 바로가기

웹 프로그래밍/웹

[WEB/Javascript] mouseover 이벤트와 mouseenter 이벤트


mouseenter Event 와 mouseover Event의 차이점

 '오버'이벤트와 '엔터'이벤트의 결정적인 차이점은 자식노드에 마우스 포인트가 진입할때의 이벤트 발생 여부이다. 

 mouseover/out
  마우스 오버 이벤트의 경우 자신의 자식노드(예를들어 #parent > #child에서 child가 parent의 자식노드이다.)의 영역에 진입할 때 out이벤트를 발생하고 바로 직후 over이벤트를 발생시킨다. 

  mouseenter/leave
   
마우스 엔터이벤트의 경우 자신의 자식노드의 영역까지 포함해 들어올 때와 나갈 때만 이벤트를 발생시킨다.
  over/out이벤트의 경우 자신의 자식 노드에 들어갈때도 이벤트를 발생시켰지만 enter/leave이벤트는 발생시키   지 않는다.

http://api.jquery.com/mouseenter/ 에 설명되어 있다.