[JS] 마우스 이벤트 종류

1. click 

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

 

2. mousedown 

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

 

3. mouseup 

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

 

4. dblclick 

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

 

5. mousemove 

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

 

6. mouseover 

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

 

7. mouseout 

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

 

8. mouseenter 

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

 버블링이 발생하지 않습니다.

 

9. mouseleave 

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

 버블링이 발생하지 않습니다.

 

10. contextmenu 

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

 

 

 

 

이벤트 명	설명
change	변동이 있을 때 발생
click	클릭시 발생
focus	포커스를 얻었을 때 발생
keydown	키를 눌렀을 때 발생
keyup	키에서 손을 땟을 때 발생
load	로드가 완료 되었을 때 발생
mousedown	마우스를 클릭 했을 때 발생
mouseout	마우스가 특정 객체 밖으로 나갔을 때 발생
mouseover	마우스가 특정 객체 위로 올려졌을 때 발생
mousemove	마우스가 움직였을 때 발생
mouseup	마우스에서 손을 땟을 때 발생
select	option 태그 등에서 선택을 햇을 때 발생