[JavaScript] 마우스 이벤트 종류

마우스 이벤트 종류

 

click

- 사용자가 해당 element를 클릭했을 때(버튼을 눌렀다가 떼었을 때) 발생 합니다.

 

mousedown

- 사용자가 해당 element에서 마우스 버튼을 눌렀을 때 발생합니다.

mouseup

- 사용자가 해당 element에서 눌렀던 마우스 버튼을 떼었을 때 발생합니다.

 

dblclick

- 사용자가 해당 element에서 마우스 버튼을 더블 클릭했을 때 발생합니다.

 

mousemove

- 사용자가 해당 element에서 마우스를 움직였을 때 발생합니다.

 

mouseover

- 사용자가 마우스를 해당 element 바깥에서 안으로 옮겼을 때 발생합니다.

 

mouseout

- 사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을 때 발생합니다.

 

mouseenter

- 사용자가 마우스를 해당 element 바깥에서 안으로 옮겼을 때 발생합니다. (버블링이 발생하지 않습니다)

 

mouseleave

- 사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을 때 발생합니다. (버블링이 발생하지 않습니다)

 

contextmenu

- 마우스 오른쪽 버튼을 눌렀을 때 발생합니다.