마우스 이벤트

마우스 이벤트의 종류

• click : 마우스를 클릭할 때 발생
• dbclick : 마우스를 더블 클릭할 때 발생
• mousedown : 마우스 버튼을 누를 때 발생
• mouseup : 마우스 버튼을 뗄 때 발생
• mousemove : 마우스를 움직일 때 발생
• mouseover : 마우스를 요소 안에 들어올 때 발생
• mouseout : 마우스가 요소를 벗어날 때 발생
• mouseenter : 마우스가 요소의 경계 외부에서 내부로 이동할 때 발생
• mouseleave : 마우스가 요소의 경계 내부에서 외부로 이동할 때 발생

mouseover, mouseout / mouseenter, mouseleave 차이점

mouseover, mouseout 과 mouseenter, mouseleave의 차이점은 자식 요소까지 인식하는지의 차이에 있습니다. mouseenter는 자식 요소의 영역으로 들어가면 재감지되지 않지만 mouseover는 자식 요소의 영역으로 들어가면 재감지 됩니다.

mouseleave는 자식 요소의 영역으로 들어가면 요소를 빠져 나갔다고 감지하지 않지만 mouseout은 자식 요소의 영역으로 들어가면 요소를 빠져 나갔다고 감지합니다.