mouseenter / mouseover 차이점
마우스 이벤트의 종류
click : 마우스를 클릭할 때 발생
dbclick : 마우스를 더블 클릭할 때 발생
mousedown : 마우스 버튼을 누를 때 발생
mouseup : 마우스 버튼을 뗄 때 발생
mouseenter : 마우스가 요소의 경계 외부에서 내부로 이동할 때 발생
mouseleave : 마우스가 요소의 경계 내부에서 외부로 이동할 때 발생
mousemove : 마우스를 움직일 때 발생
mouseout : 마우스가 요소를 벗어날 때 발생
mouseover : 마우스를 요소 안에 들어올 때 발생
mouseenter
JS 에서는 Explorer전용 이벤트이나 jQuery 에서는 브라우저를 고려하지 않고 작동이 되도록 구성요소에 마우스 포인터가 진입하면 발생합니다.
(오직 자기 자신에게 마우스 포인터가 와야만 발생합니다.)
mouseover
직접 이벤트를 걸지 않은 자식요소에 마우스 포인터가 와도 발생합니다.
왼쪽이 mouseover, 오른쪽이 mouseenter입니다. 천천히 마우스를 움직여 차이점을 확인해보세요!
댓글