HTML DOM MouseEvent

DOM 이벤트 Event 객체

MouseEvent 객체

마우스와 HTML 문서가 상호작용할 때 발생하는 이벤트는 MouseEvent 객체에 속합니다.

Mouse 이벤트 속성과 메서드

속성/메서드 설명
altKey 마우스 이벤트가 발생할 때 "ALT" 키가 눌렸는지 반환합니다.
button 마우스 이벤트가 발생할 때 누른 마우스 버튼을 반환합니다.
buttons 마우스 이벤트가 발생할 때 누른 마우스 버튼을 반환합니다.
clientX 마우스 이벤트가 발생할 때 마우스 포인터가 현재 창에 대한 수평 좌표를 반환합니다.
clientY 마우스 이벤트가 발생할 때 마우스 포인터가 현재 창에 대한 수직 좌표를 반환합니다.
ctrlKey 키 마우스 이벤트가 발생할 때 "CTRL" 키가 눌렸는지 반환합니다.
getModifierState() 지정된 키가 활성화되면 true를 반환합니다.
metaKey 이벤트가 발생할 때 "META" 키가 눌렸는지 반환합니다.
movementX 이전 mousemove 이벤트에 대한 위치의 마우스 포인터 수평 좌표를 반환합니다.
movementY 이전 mousemove 이벤트에 대한 위치의 마우스 포인터 수직 좌표를 반환합니다.
offsetX 마우스 포인터가 목표 요소 가장자리에 대한 수평 좌표를 반환합니다.
offsetY 마우스 포인터가 목표 요소 가장자리에 대한 수직 좌표를 반환합니다.
pageX 마우스 이벤트가 발생할 때 마우스 포인터가 문서에 대한 수평 좌표를 반환합니다.
pageY 마우스 이벤트가 발생할 때 마우스 포인터가 문서에 대한 수직 좌표를 반환합니다.
region 　
relatedTarget 마우스 이벤트가 발생할 때 관련 요소를 반환합니다.
screenX 이벤트가 발생할 때 마우스 포인터가 화면에 대한 수평 좌표를 반환합니다.
screenY 이벤트가 발생할 때 마우스 포인터가 화면에 대한 수직 좌표를 반환합니다.
shiftKey 이벤트가 발생할 때 "SHIFT" 키가 눌렸는지 반환합니다.
which 마우스 이벤트가 발생할 때 누른 마우스 버튼을 반환합니다.

상속된 속성과 메서드

MouseEvent는 다음 객체에서 모든 속성과 메서드를 상속받았습니다:

UiEvent

Event 객체

이벤트 유형

이 이벤트 유형은 MouseEvent 객체에 속합니다:

이벤트 설명
onclick 사용자가 요소를 클릭할 때 이 이벤트가 발생합니다.
oncontextmenu 사용자가 특정 요소를 오른쪽 클릭하여 컨텍스트 메뉴를 엽니다.
ondblclick 사용자가 요소를 더블 클릭할 때 이 이벤트가 발생합니다.
onmousedown 사용자가 요소에 마우스 버튼을 누를 때 이 이벤트가 발생합니다.
onmouseenter 이제指针가 요소에 이동할 때 이 이벤트가 발생합니다.
onmouseleave 지시자가 요소에서 벗어났을 때 이 이벤트가 발생합니다.
onmousemove 지시자가 요소 위에서 이동할 때 이 이벤트가 발생합니다.
onmouseout 사용자가 마우스 포인터를 요소나 그 자식 요소에서 벗어났을 때 이 이벤트가 발생합니다.
onmouseover 지시자가 요소나 그 자식 요소 위에 이동할 때 이 이벤트가 발생합니다.
onmouseup 사용자가 요소 위에서 마우스 버튼을 떼었을 때 이 이벤트가 발생합니다.
DOM 이벤트 Event 객체