DOM 이벤트 참조 사이트 & Mouse event 참조

DOM 이벤트 참조 사이트!

 

https://developer.mozilla.org/ko/docs/Web/Events

이벤트 참조 | MDN

 

---

Mouse event의 종류는 위와 같다.

 

(출처: https://developer.mozilla.org/en-US/docs/Web/Events#Mouse_events)

 

auxclick: 이 이벤트는 마우스 왼쪽버튼을 제외한 다른 버튼을 클릭했을 때 작동한다. 오른쪽 버튼, 휠버튼, 다른 매크로 버튼 등이 이 이벤트를 작동시킨다.

 

click: 마우스 좌클릭에 의해 작동된다.

 

contextmenu: 마우스 우클릭 시 나오는 context menu가 사용자의 화면에 보여지기 전에 작동된다.

 

dblclick: 더블 클릭시 작동된다.

 

mouseup/mousedown: mousedown은 mouse 클릭 유지 시, mouseup은 클릭 유지를 풀었을 때 작동된다. 

이 event는 좌클릭 뿐만 아니라 어떠한 버튼 클릭에도 작동된다.

 

mouseenter/mouseleave: 마우스 포인터가 element 내부에 들어갈 때/나올 때 작동된다.

 

mouseover/mouseout: mouseenter/mouseleave와 같은 방식의 event이지만, 해당 EventListener가 적용된 element의 children에게도 적용된다.

 

mousemove: 마우스 포인터가 element 위에서 움직일 때 작동된다.

 

select: text가 선택됐을 때(드래그) 작동된다. 이 event는 element가 <input>태그 중 type이 text, textarea일 때만 작동한다.

 

wheel: 사용자가 휠을 작동시킬 때 작동한다.