DOM

settings_applicationsEvent  >   settings_applicationsUIEvent

DOM

Editing
  • account_tree
  • bug_report

InterfaceTouchEvent

터치 기반의 입력 방식의 디바이스에서 터치 이벤트를 다룬다. 손가락이 터치패드에 닿기 시작하면서 시작한다. 터치 입력 방식은 여러 손가락을 동시에 여러 지점에 터치할 수 있다는 것을 빼고는 마우스 입력 장치 기반의 mousedown, mouseup과 비슷하다고 할 수 있다.

하위 트리 탐색

  • Constructor

    생성자 함수를 지원하며 new 연산자를 이용하여 새로운 TouchEvent 객체를 생성한다.

    • TouchEvent()

      새로운 TouchEvent 객체를 생성하는 생성자 함수이다.

  • Events

    터치 기반의 입력 방식에서는 다음의 이벤트 타입이 있다.

    • touchcancel

      하나 이상의 터치 포인트가 구현별 방식으로 중단된 경우 발생한다.

    • touchend

      터치 장치의 표면에서 하나 이상의 터치 포인트가 제거될 때 발생한다.

    • touchmove

      하나 이상의 터치 포인트가 터치 표면을 따라 이동할 때 발생한다.

    • touchstart

      하나 이상의 터치 포인트가 터치 표면에 닿을 때 발생한다.

  • [[Prototype]]

    • Properties

      • altkey

        터치 이벤트가 생성될 때 alt 키의 활성화 여부를 나타낸다. alt 키가 활성되면 true, 그렇지 않으면 false 이다.

      • changedTouches

        이벤트 유형에 따라 달라진 Touch 객체를 가지고 있는 TouchList 객체를 나타낸다.

      • ctrlKey

        터치 이벤트가 발생 시 ctrl 키가 활성화 되었는 지 여부를 나타낸다. 활성화 되었으면 true, 그렇지 않으면 false를 나타낸다.

      • metaKey

        터치 이벤트가 발생 시 meta 키가 활성화 되었는 지 여부를 나타낸다. 활성화 되었으면 true, 그렇지 않으면 false를 나타낸다.

      • shiftKey

        터치 이벤트가 발생 시 shift 키가 활성화 되었는 지 여부를 나타낸다. 활성화 되었으면 true, 그렇지 않으면 false를 나타낸다.

      • targetTouches

        터치 표면과 계속 접촉을 유지한 상태에서 touchstrt 이벤트가 현재 대상 요소와 동일한 대상 요소 내에서 발생한 터치 포인트에 대한 모든 Touch 객체를 갖는 TouchList 객체를 나타낸다.

      • touches

        현재 터치 표면과 접촉하고 있는 터치 포인트의 모든 Touch 객체를 가지는 TouchList 객체를 나타낸다.

상속 계층 탐색

UIEvent

  • Properties

Event

  • Methods

    • composedPath()

      리스너(listener)가 호출될 객체의 배열인 이벤트 경로를 반환한다. ShadowRoot.mode가 딛한 상태에서 shadow root가 생성된 경우 shadow tree의 노드는 포함되지 않는다.

    • preventDefault()

      Element 객체가 기본적으로 가지고 있는 이벤트 동작을 차단한다.

    • stopImmediatePropagation()

      동일한 이벤트에서 다른 리스너들이 불려지는 것을 차단한다.

    • stopPropagation()

      이벤트 캡처링(capturing)과 버블링(bubbling) 전파를 차단한다.

  • Properties

    • bubble

      이벤트가 DOM을 통해 버블링되는지 여부를 가지고 있다.

    • cancelable

      이벤트를 취소할 수 있는지 여부를 확인할 수 있다.

    • cancelBubble

      이벤트 핸들러에서 리턴하기 전에 값을 true로 설정하면 이벤트 전파를 방지한다.

    • composed

      shadow DOM 경계를 넘어 표준 DOM으로 전파되는지 여부를 나타낸다.

    • currentTarget

      이벤트가 등록된 직접적인 Element 객체를 참조한다.

    • defaultPrevented

      preventDefault() 메소드가 이벤트에서 호출되었는지 여부를 확인할 수 있다.

    • eventPhase

      현재 처리중인 이벤트 흐름의 위상을 나타낸다.
    • isTrusted

      사용자 작업에 의해 이벤트가 생성될 때와 스크립트가 이벤트를 생성하거나 수정하는 경우에 대한 값을 가지고 있다. 사용자 작업에 의해서 생성된 이벤트일 경우에는 true, 스크립트에 의해 생성된 이벤트일 경우에는 false를 갖는다.

    • returnValue

      이벤트에 대한 기본 작업이 금지되었는지 여부를 조회한다. 기본적으로 true로 설정되어 기본 동작이 발생한다. 이 속성을 false로 설정하면 기본 작업이 금지된다.

    • target

      실제로 이벤트가 발생한 Element 객체를 참조한다. 이벤트 버블링, 캡처 단계에서도 참조가 가능하다.

    • timeStamp

      이벤트가 생성된 시간(밀리초:milliseconds)로 조회한다.

    • type

      이벤트의 유형을 문자열로 조회한다.

Object

  • Methods

    • hasOwnProperty()

      객체가 특정 프로퍼티를 가지고 있는지를 블린(boolean) 값으로 반환한다.

    • isPrototypeOf()

      해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다.

    • propertyIsEnumerable()

      매개 변수의 속성이 열거가능(enumerable)한지 여부를 체크한다.

    • toLocaleString()

      객체를 나타내는 문자열을  작동하는 지역(locale)의 방식으로 출력이 된다.

    • toString()

      객체를 나타내는 문자열을 반환한다.

    • valueOf()

      객체의 원시(primitive) 값을 반환한다.

  • Properties

    • constructor

      객체의 생성자 함수를 참조한다.

    • __proto__

      상속된 [[Prototype]] 참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.

      현재는 표준 사양에 명시되었다.

버전 명세

Touch Events Level 2
#touchevent-interface

지원 웹브라우저