dictionary PointerEventInit : MouseEventInit {
    long      pointerId = 0;
    double    width = 0;
    double    height = 0;
    float     pressure = 0;
    long      tiltX = 0;
    long      tiltY = 0;
    DOMString pointerType = "";
    boolean   isPrimary = false;
};

[Constructor(DOMString type, optional PointerEventInit eventInitDict)]
interface PointerEvent : MouseEvent {
    readonly    attribute long      pointerId;
    readonly    attribute double    width;
    readonly    attribute double    height;
    readonly    attribute float     pressure;
    readonly    attribute long      tiltX;
    readonly    attribute long      tiltY;
    readonly    attribute DOMString pointerType;
    readonly    attribute boolean   isPrimary;
};

CSS touch-action 속성은 유저 에이전트에서 제공하는 터치 인풋의 기본 동작 트리거를 결정합니다. [MAY] 이는 패닝 혹은 주밍과 같은 동작에 제한되지 않습니다.

값은 아래 의미를 가집니다.

auto

유저 에이전트에서 요소로부터 시작한 터치에서 뷰포트의 조작을 위한 패닝과 주밍같은 터치 행동을 허용. [MAY]

none

요소로부터 시작한 터치 기본 동작 트리거가 동작하지 않음. [MUST NOT]

pan-x

유저 에이전트는 가로 스크롤 콘텐츠와 가장 가까운 상위 요소의 가로 스크롤을 목적으로 하기 위한 요소로 시작하는 터치를 고려할 수 있습니다. [MAY]

pan-y

유저 에이전트는 세로 스크롤 콘텐츠와 가장 가까운 상위 요소의 세로 스크롤을 목적으로 하기 위한 요소로 시작하는 터치를 고려할 수 있습니다. [MAY]

manipulation

유저에이전트는 스크롤 및 지속적인 주밍을 목적으로 하기 위한 요소로 시작하는 터치를 고려할 수 있습니다. [MAY] auto에서 지원하는 모든 추가동작은 이 스펙문서의 범위에 포함하지 않습니다.

요소에서 유저 터치가 일어날 때, 그 터치의 효과는 touch-action 속성의 값과 요소의 기본 터치 동작, 그리고 그 조상에 의해 결정해야 합니다. 터치의 효과를 정의할 때, 인접한 조상(터치가 일어난 요소에서 시작하여)을 찾고 그 터치 동작을 기본으로 합니다. 그 후에 기본 터치 동작 요소와 히트 테스트 요소 사이 각 요소의 touch-action 속성을 조사합니다. (히트 테스트 요소와 기본 터치 동작 요소 양쪽 다 포함합니다) 만약 그 요소 중 어떤 요소의 touch-action 속성이 기본 터치 동작을 허용하지 않는다면, 아무것도 하지 않습니다. 그 외의 경우 요소에서 기본 터치 동작 실행의 목적에 맞게 터치를 시작하는 걸 허용합니다.

유저 에이전트에서 터치 동작을 실행하는 동안, 유저 에이전트는 반드시 포인터의 후속 포인터 이벤트를 발생시켜서는 안됩니다. [MUST NOT] 유저 에이전트는 반드시 아래 케이스 모두가 true이며, 포인터 이벤트의 stream를 끝내기 위해서 반드시 pointercancel 포인터 이벤트를 발생시켜야 합니다. (그리고 후속으로 pointerout 이벤트와 하나 이상의 pointerleave 이벤트를 발생시켜야 합니다)

• 유저 에이전트가 터치 입력이 터치 동작을 위해 소비될 것이라 판단한 경우, (이 문서의 범위에 포함하지 않은 메서드를 이용하여)
• pointerdown 이벤트가 포인터를 위해 보내졌으며,
• pointerup이나 pointercancel 이벤트가 아직 (위에서 언급한 pointerdown에 따라) 포인터를 위해 보내지지 않은 경우

<div style="touch-action: none;">
    This element receives pointer events for all touches.
</div>

<div style="touch-action: pan-x;">
    This element receives pointer events when not panning in the horizontal direction.
</div>

<div style="overflow: auto;">
    <div style="touch-action: none;">
        This element receives pointer events for all touches.
    </div>
    <div>
        Touches on this element MAY be consumed for manipulating the parent.
    </div>
</div>	

<div style="overflow: auto;">
    <div style="touch-action: pan-y;">
        <div style="touch-action: pan-x;">
            This element receives pointer events for all touches because
            it allows only horizontal panning yet an intermediate ancestor
            (between it and the pannable element) only allows vertical panning.
            Therefore, no touch behaviors are allowed.
        </div>
    </div>
</div>	

1. 포인터 이벤트의 isPrimary 속성이 false를 나타내는 경우 포인터 이벤트를 처리하고 이 스텝을 제거합니다.
2. 포인터 이벤트를 처리합니다.
3. 만약 포인터 이벤트가 pointerdown을 나타내고 이벤트가 취소되었다면, 이 pointerType을 위한 PREVENT MOUSE EVENT 플래그를 설정합니다.
4. 만약 포인터 이벤트의 처리가:
   • pointerover라면, mouseover 이벤트를 발생시킵니다.
   • pointerout이라면, mouseout 이벤트를 발생시킵니다.
   • pointerenter라면, mouseenter 이벤트를 발생시킵니다.
   • pointerleave라면, mouseleave 이벤트를 발생시킵니다.
5. 만약 이 pointerType을 위한 PREVENT MOUSE EVENT 플래그가 설정되지 않았고 포인터 이벤트의 처리가:
   • pointerdown이라면, mousedown 이벤트를 발생시킵니다.
   • pointermove라면, mousemove 이벤트를 발생시킵니다.
   • pointerup이라면, mouseup 이벤트를 발생시킵니다.
   • pointercancel이라면, window에서 mouseup 이벤트를 발생시킵니다.
6. 만약 포인터 이벤트가pointerup이나 pointercancel로 처리된다면, 이 pointerType을 위한 PREVENT MOUSE EVENT 플래그를 클리어합니다.

• 인풋은 호버로 독립적으로 활성화할 수 있습니다. (즉, 버튼을 누르지 않고 마우스를 움직이기만 하더라도)
• 인풋은 클릭하기 전에 요소에서 mousemove 이벤트 같은 걸 제공할 수 있습니다.

1. 포인터 이벤트의 isPrimary 속성이 false를 나타내는 경우 포인터 이벤트를 처리하고 이 스텝을 제거합니다.
2. 만약 포인터 이벤트가 아직 포인터에 의해 처리되지 않은 pointerover나 pointerdown 이벤트로 처리하는 경우, mousemove 이벤트를 발생시킵니다. (레거시 마우스 정의 코드와 호환을 위해)
3. 포인터 이벤트를 처리합니다.
4. 만약 포인터 이벤트가 pointerdown을 나타내고 이벤트가 취소되었다면, 이 pointerType을 위한 PREVENT MOUSE EVENT 플래그를 설정합니다.
5. 만약 포인터 이벤트의 처리가:
   • pointerover라면, mouseover 이벤트를 발생시킵니다.
   • pointerout이라면, mouseout 이벤트를 발생시킵니다.
   • pointerenter라면, mouseenter 이벤트를 발생시킵니다.
   • pointerleave라면, mouseleave 이벤트를 발생시킵니다.
6. 만약 이 pointerType을 위한 PREVENT MOUSE EVENT 플래그가 설정되지 않았고 포인터 이벤트의 처리가:
   • pointerdown이라면, mousedown 이벤트를 발생시킵니다.
   • pointermove라면, mousemove 이벤트를 발생시킵니다.
   • pointerup이라면, mouseup 이벤트를 발생시킵니다.
   • pointercancel이라면, window에서 mouseup 이벤트를 발생시킵니다.
7. 만약 포인터 이벤트가pointerup이나 pointercancel로 처리된다면, 이 pointerType을 위한 PREVENT MOUSE EVENT 플래그를 클리어합니다.