본문 바로가기
Frontend/JavaScript

[Javascript] 마우스 이벤트

by joy_95 2022. 1. 16.

마우스 이벤트 종류

✔️ mousedown/mouseup : 요소 위에서 마우스 왼쪽 버튼을 누를때, 뗄 때 발생

✔️ mouseover/mouseout : 마우스 커서가 요소 바깥에 있다가 요소 안으로 움직였을 때/ 밖으로 움직일 때 발생

✔️ mousemove : 마우스를 움직일 떄

✔️ click : 마우스 왼쪽 버튼을 사용해 동일한 요소 위에서 mousedown,mouseup 이벤트를 연달아 발생시킬 때 실행

 

마우스 이벤트 순서

✔️ 마우스 이벤트는 사용자가 단 하나의 동작을 했어도 실행되는 이벤트가 여러개일 수 있음.

✔️ 예를 들어 한번 클릭했을 때 mousedown -> mouseup -> click 이렇게 발생함.

 

Reference

반응형