JavaScript

[DOM_Event_Object] JS - MouseEvent 객체 - 마우스움직임 (= 마우스이벤트객체 = 마우스이벤트종류)

MouseEvent 객체

 

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

 

 

 

MouseEvent 객체 속성/메서드 (Property/Method)

 

AltKey

마우스 이벤트 촉발되었을 때 "Alt"키가 눌려졌는지 여부 반환. MouseEvent

 

button

마우스 이벤트가 촉발되었을 때 어느 마우스 버튼이 눌렸는지 반환. MouseEvent

 

buttons

마우스 이벤트가 촉발되었을 때 어느 마우스 버튼들이 눌렸는지 반환. MouseEvent

 

clientX

마우스 이벤트 촉발되었을 때 현재 윈도우 기준으로 마우스커서의 가로 좌표 반환. MouseEvent, TouchEvent

 

clientY

마우스 이벤트 트리거되었을 때 현재 윈도우 기준으로 마우스커서의 수직 좌표 반환. MouseEvent, TouchEvent

 

ctrlKey

마우스 이벤트가 촉발될 때 "CTRL"키가 눌려 졌는지 여부 반환. MouseEvent

 

getModifierState()

삽입 / 삭제에 의해 영향받는 타겟 범위를 포함한 배열 반환. MouseEvent

metaKey

이벤트가 촉발 되었을 때 "META"키가 눌렸는지 여부 반환. MouseEvent

 

MovementX

마지막 mousemove 이벤트의 위치를 기준으로 마우스커서의 수평 좌표 반환. MouseEvent

 

MovementY

마지막 mousemove 이벤트의 위치를 기준으로 마우스커서의 수직좌표 반환. MouseEvent

 

offsetX

대상 요소의 가장자리 위치를 기준으로 마우스 포인터의 가로 좌표 반환. MouseEvent

 

offsetY

대상 요소의 가장자리 위치를 기준으로 마우스 포인터의 세로 좌표 반환. MouseEvent

 

pageX

마우스 이벤트가 촉발되었을 때 문서 기준으로 마우스커서의 수평 좌표 반환. MouseEvent

 

pageY

마우스 이벤트가 촉발되었을 때 문서 기준으로 마우스커서의 세로 좌표 반환. MouseEvent

 

region

지역 MouseEvent

 

relatedTarget

마우스 이벤트를 촉발한 요소와 관련된 요소 반환. MouseEvent

 

screenX

이벤트가 촉발되었을 때 화면 기준으로 마우스커서의 수평좌표 반환. MouseEvent

 

screenY

이벤트 촉발거되었을 때 화면 기준으로 마우스커서의 수직좌표 반환. MouseEvent

 

shiftKey

이벤트가 촉발되었을 때 "SHIFT"키가 눌렸는지 여부 반환. MouseEvent

 

which

마우스 이벤트가 촉발되었을 때 어떤 마우스 버튼이 눌렸는지 반환. MouseEvent


 

 

상속된 속성/메서드

 

UiEvent


Evnet 일반객체

 

 

 

 

MouseEvent 종류 (Event Type)

 

click

사용자가 요소 클릭하면 이벤트 발생. MouseEvent

 

contextmenu

사용자가 마우스 오른쪽 버튼을 클릭하여 컨텍스트 메뉴를 열 때 이벤트 발생. MouseEvent

 

dblclick

사용자가 요소를 두 번 클릭하면 이벤트 발생. MouseEvent

 

mousedown

사용자가 요소 위에서 마우스 단추 누를 때 이벤트 발생. MouseEvent

 

mouseenter

마우스커서가 요소 위로 이동하면 이벤트 발생. MouseEvent

 

mouseleave

마우스커서가 요소 밖으로 이동하면 이벤트 발생. MouseEvent

 

mousemove

마우스커서가 요소 위에 있을 때 이벤트 발생. MouseEvent

 

mouseover

마우스커서가 요소 위로 이동하거나 해당 자식 중 하나 위로 이동하면 이벤트 발생. MouseEvent

 

mouseout

마우스커서를 해당 요소나 그 자식요소 중 하나의 밖 이동하면 이벤트 발생. MouseEvent

 

mouseup

마우스버튼을 요소 위에서 떼어 놓았을 때 이벤트 발생. MouseEvent

 

mousewheel

폐기예고. 대신 wheel 이벤트 사용. MouseEvent

 



분류 제목
Window_History JS - history.go() 메서드 ★ - 특정페이지로 이동 (= history.go메서드 = 히스토리고…
DOM_HTMLCollection JS - item() 메서드 ★ - 지정 인덱스의 요소 반환 (= 특정 순번째 요소 반환)
DOM_HTMLCollection JS - length 속성 ★ - 요소개수 반환 (※ for반복문에 활용)
DOM_HTMLCollection JS - namedItem() 메서드 - 지정 id 또는 name 갖는 요소 반환
Window_Location JS - hash 속성 - URL앵커부분(= 샵부분 = 해시속성) 설정/반환
Window_Location JS - host 속성 ★ - (호스트명/포트번호)
Window_Location JS - hostname 속성 - 호스트명
Window_Location JS - href 속성 ★ - 현재URL주소전체 (+ 특정URL주소이동설정)
Window_Location JS - origin 속성 - (프로토콜/호스트명/포트번호) 반환. (= origin속성 = 오리진속성)
Window_Location JS - pathname 속성 ★ - 도메인뒤의 URL경로 (= 도메인뒤주소경로)
Window_Location JS - port 속성 - 포트번호
Window_Location JS - protocol 속성 - 프로토콜
Window_Location JS - search 속성 ★ - URL쿼리스트링 (= URL주소중물음표이하주소)
Window_Location JS - assign() 메서드 ★★ - 새 웹문서 로드 (= 주소이동 = assign메서드 = 어사인 메서…
Window_Location JS - reload() 메서드 ★ - 페이지 새로고침 (= reload메서드 = 리로드메서드) ※ 윈도우…
54/89
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인