JavaScript

[DOM_Event_Object] JS - TouchEvent 객체 - 터치이벤트객체 (= 터치이벤트종류)

TouchEvent 객체

 

사용자가 터치 기반 장치를 터치할 때 발생하는 이벤트. 

 

 

 

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

 

altKey

키 이벤트 촉발되었을 때 "ALT"키가 눌려 졌는지 여부 반환. KeyboardEvent, TouchEvent

 

changeTouches

이전 터치와 현재 터치 사이에서 상태가 변경된 모든 터치 객체의 목록 반환. TouchEvent

 

clientX

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

 

clientY

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

ctrlKey

키 이벤트가 촉발될 때 "CTRL"키가 눌려 졌는지 여부 반환. KeyboardEvent, TouchEvent

 

metaKey

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

 

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

targetTouches

표면과 접촉 중이거나 현재 대상 요소와 동일한 대상 요소에서 터치 시작 이벤트가 발생한 모든 터치 객체의 목록 반환. (= 현재 대상 요소를 터치하고 있는 각 손가락에 대해 하나씩 Touch 객체의 배열 반환) TouchEvent

touches

표면에 현재 접촉하고있는 모든 터치 객체의 목록 반환. TouchEvent 


 

 

상속된 속성/메서드


UiEvent

Evnet 일반객체

 

 

 

TouchEvent 이벤트종류 (Event Type)

 

ontouchcancel

터치 중단되면 이벤트 발생. TouchEvent

 

ontouchend

스크린에서 손가락 떼면 이벤트 발생. TouchEvent

 

ontouchmove

손가락이 화면에서 드래그되면 이벤트 발생. TouchEvent

 

ontouchstart

터치 스크린에 손가락을 대면 이벤트 발생. TouchEvent

 



분류 제목
DOM_Element JS - querySelectorAll() 메서드 - Element객체의 쿼리선택자_전부 (= 쿼리선택자_모…
DOM_Element JS - removeAttribute() 메서드 - 요소의 지정 속성 제거 (= removeAttribute…
DOM_Element JS - removeAttributeNode() 메서드 - 속성노드제거
DOM_Element JS - removeChild() 메서드 - 자식노드제거
DOM_Element JS - removeEventListener() 메서드 ★ - 이벤트핸들러를 요소에서 제거 (IE9 이상)
DOM_Element JS - replaceChild() 메서드 - 자식노드 대체 (= replaceChild메서드 = 리플레이스…
DOM_Element JS - requestFullscreen() 메서드 - 전체화면모드로 열기 (IE11 이상. 접두어필요)
DOM_Element JS - scrollHeight 속성 - 스크롤높이 (= scrollHeight속성 = 스크롤하이트속성) (…
DOM_Element JS - scrollIntoView() 메서드 - 지정요소가 보이는 곳으로 스크롤이동 (IE8 이상)
DOM_Element JS - scrollLeft 속성 ★ - 스크롤수평위치 (= 스크롤좌우위치) ※ 새로고침 가로 스크롤바 오른…
DOM_Element JS - scrollTop 속성 ★ - 스크롤수직위치 (= 스크롤상하위치 = scrollTop속성 = 스크롤…
DOM_Element JS - scrollWidth 속성 - 스크롤수평너비 (= 스크롤수평길이 = 스크롤가로너비 = 스크롤가로길이…
DOM_Element JS - setAttribute() 메서드 - 속성설정 (※ 속성복사 가능) (= setAttribute메서…
DOM_Element JS - setAttributeNode() 메서드 ★ - 속성노드 추가설정 (예: 클래스추가) (= setA…
DOM_Element JS - style 속성 ★ - 스타일 설정/반환
40/89
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인