• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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_Object JS - scrollY 속성 - 오프셋부터 계산한 스크롤세로길이 (= pageYOffset 별칭) - (I…
Window_Object JS - window.self 속성 ★ - 현재창
Window_Object JS - status 속성 - 상태표시줄텍스트 (지원 X)
Window_Object JS - window.top 속성 ★ - 윈도우 최상위창 (= 윈도우탑 속성 = 윈도우톱 속성)
Window_Object JS - alert() 메서드 - 경고창 (= 얼럿창) 띄우기 ※ 경고창 띄운 후, 특정 페이지로 이동시키기…
Window_Object JS - atob() 메서드 - base-64 인코딩 문자열을 디코딩 (=암호해독) (IE10 이상)
Window_Object JS - blur() 메서드 - 포커스 해제/제거 (= blur메서드 = 블러메서드)
Window_Object JS - btoa() 메서드 - base-64로 문자열을 인코딩 (= 암호화) (IE10 이상)
Window_Object JS - clearInterval() 메서드 - setInterval()로 설정된 타이머 해제 (=일정시간간…
Window_Object JS - clearTimeout() 메서드 - setTimeout() 메소드로 설정된 타이머 비우기 (=일정…
Window_Object JS - close() 메서드 - 창닫기 (= 클로즈메서드 = 클로즈함수)
Window_Object JS - confirm() 메서드 ★ - 확인창 (= confirm메서드 = 컨펌메서드 = confirm함수…
Window_Object JS - focus() 메서드 ★ - 윈도우창 포커스 설정 (= focus메서드 = 포커스메서드)
Window_Object JS - getComputedStyle() 메서드 - 지정요소의 모든 스타일코드 얻기 (= CSS계산값 = …
Window_Object JS - getSelection() 메서드 - 사용자에 의해 선택된 텍스트 범위 나타내는 선택객체 (IE9)…
Window_Object JS - matchMedia() 메서드 ★ - 미디어쿼리리스트 객체 (MediaQueryList) 반환 (…
Window_Object JS - moveBy() 메서드 - 윈도우창 이동 (※ 현재위치기준해서 지정길이만큼 이동)
Window_Object JS - moveTo() 메서드 - 윈도우창 이동 (※ 지정위치로 이동 = 지정좌표로 이동)
Window_Object JS - open() 메서드 ★★★★★ - 팝업창 열기. (= open메서드 = 오픈메서드) + ( 새탭, …
Window_Object JS - print() 메서드 ★ - 윈도우창 인쇄하기 (= 프린트)
53/67
목록
찾아주셔서 감사합니다. Since 2012