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

[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)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
Basic JS - String Methods - JS문자열메서드
Basic JS - Number - JS숫자
Basic JS - Number Method - JS숫자메서드
Basic JS - Math 객체 - JS수학객체 (= JS산수객체 = Math객체 = Math Object = 매스 …
Basic JS - Dates - JS날짜
1/67
목록
찾아주셔서 감사합니다. Since 2012