mouseenter Event 와 mouseover Event의 차이점
'오버'이벤트와 '엔터'이벤트의 결정적인 차이점은 자식노드에 마우스 포인트가 진입할때의 이벤트 발생 여부이다.
mouseover/out
마우스 오버 이벤트의 경우 자신의 자식노드(예를들어 #parent > #child에서 child가 parent의 자식노드이다.)의 영역에 진입할 때 out이벤트를 발생하고 바로 직후 over이벤트를 발생시킨다.
mouseenter/leave
마우스 엔터이벤트의 경우 자신의 자식노드의 영역까지 포함해 들어올 때와 나갈 때만 이벤트를 발생시킨다.
over/out이벤트의 경우 자신의 자식 노드에 들어갈때도 이벤트를 발생시켰지만 enter/leave이벤트는 발생시키 지 않는다.
http://api.jquery.com/mouseenter/ 에 설명되어 있다.
'웹 프로그래밍 > 웹' 카테고리의 다른 글
[Jquery] 오브젝트에 새로운 메서드 추가하기. (0) | 2014.12.19 |
---|---|
[Javascript] 마우스 휠 이벤트, 위 아래 판단하기. (0) | 2014.12.17 |
[Web/Jquery] 문서 객체 조작 (0) | 2014.03.01 |
[Web/Jquery] 기본 선택자 (0) | 2014.02.28 |
[Javascript] 예외 처리하기 (0) | 2014.02.27 |