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

[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

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
DOM_Event JS - total -
DOM_Event JS - touches -
DOM_Event JS - transitionend -
DOM_Event JS - type -
DOM_Event JS - url -
DOM_Event JS - which -
DOM_Event JS - which -
DOM_Event JS - view 속성 - 이벤트 발생한 Window 객체 반환 (= view속성 = 뷰속성)
DOM_Event_Object JS - Event 객체 - 이벤트객체 (= 일반이벤트종류 = 기본이벤트종류)
DOM_Event_Object JS - AnimationEvent 객체 - 애니메이션이벤트객체 (= 애니이벤트종류)
DOM_Event_Object JS - ClipboardEvent 객체 - 클립보드수정 (= 클립보드이벤트객체 = 클립보드이벤트종류)
DOM_Event_Object JS - DragEvent 객체 - 마우스드래그/마우스드롭 (= 드래그이벤트종류)
DOM_Event_Object JS - FocusEvent 객체 - 포커스변화 (= 포커스이벤트객체 =포커스이벤트종류)
DOM_Event_Object JS - HashChangeEvent 객체 - URL앵커변경 (= 해시체인지이벤트객체 = 해시체인지이벤트종류…
DOM_Event_Object JS - InputEvent 객체 - 데이터입력 (= 인풋이벤트객체 = 인풋이벤트종류 = 입력이벤트)
DOM_Event_Object JS - KeyboardEvent 객체 - 키보드움직임 (= 키보드이벤트객체 = 키보드이벤트종류)
DOM_Event_Object JS - MouseEvent 객체 - 마우스움직임 (= 마우스이벤트객체 = 마우스이벤트종류)
DOM_Event_Object JS - PageTransitionEvent 객체 - 웹페이지탐색 (= 페이지트랜지션이벤트객체 = 페이지트랜…
DOM_Event_Object JS - PopStateEvent 객체 - 윈도우창기록변경 (= 팝스테이트이벤트객체 = 팝스테이트이벤트종류)
DOM_Event_Object JS - ProgressEvent 객체 - 외부리소스 로드 (= 프라그레스이벤트객체 = 프라그레스이벤트종류 …
39/67
목록
찾아주셔서 감사합니다. Since 2012