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

 


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

분류 제목
DOM_Element JS - nodeName 속성 - 노드명 (= 노드이름)
DOM_Element JS - nodeType 속성 ★ - 노드타입 반환 (읽기전용) ※ 노드유형 = 노트형식 = 노드종류
DOM_Element JS - nodeValue 속성 - 지정노드의 노드값 설정/반환 (= nodeValue속성 = 노드밸류속성)
DOM_Element JS - normalize() 메서드 - 공백제거 후, 인접텍스트노드 합치기 (Element경우)
DOM_Element JS - offsetHeight 속성 - 가시높이 (= 요소실제높이 = 요소높이 height+ + paddi…
DOM_Element JS - offsetWidth 속성 ★ = 가시너비 (= 요소실제너비 = 요소너비 width + paddin…
DOM_Element JS - offsetLeft 속성 - 가시좌측위치 (= 가시왼쪽위치) (IE8 이상)
DOM_Element JS - offsetParent 속성 - static 이외의 position 갖는 최근접조상요소 (= 가장가…
DOM_Element JS - offsetTop 속성 - 가시 상단 위치 (IE8 이상)
DOM_Element JS - ownerDocument 속성 - 노드의 소유자문서를 HTMLDocument 객체로 반환
DOM_Element JS - parentNode 속성 ★ - 부모노드
DOM_Element JS - parentElement 속성 ★ - 부모요소객체 (= 부모객체)
DOM_Element JS - previousSibling 속성 - 바로 이전 형제노드 (= 바로앞 형제노드 = previousS…
DOM_Element JS - previousElementSibling 속성 - 바로이전 형제요소 (= previousElemen…
DOM_Element JS - querySelector() 메서드 ★ - 쿼리선택자 (= 요소 안 지정 선택자 중 첫번째 것만) …
39/89
목록
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱 PC버전 로그인