TouchEvent.targetTouches

Summary

A TouchList listing all the Touch objects for touch points that are still in contact with the touch surface and whose touchstart event occurred inside the same target element as the current target element.

This property is Read only .

Syntax

var touches = touchEvent.targetTouches;

Return value

touches
A TouchList listing all the Touch objects for touch points that are still in contact with the touch surface and whose touchstart event occurred inside the same target element as the current target element.

Example

This example illustrates the TouchEvent object's TouchEvent.targetTouches property. The TouchEvent.targetTouches property is a TouchList object that includes those TPs that are currently touching the surface and started on the element that is the target of the current event. As such, the targetTouches list is a strict subset of the touches list.

In following code snippet, the function compares the length of the touches list to the the length of the targetTouches list and returns true if the lengths are the same and returns false otherwise.

function touches_in_target(ev) {
  // Return true if all of the touches are within the target element;
  // otherwise return false.
  return (ev.touches.length == ev.targetTouches.length ? true : false);
}

Specifications

Specification Status Comment
Touch Events – Level 2 Editor's Draft Non-stable version.
Touch Events Recommendation Initial definition.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 22.0 18.0 (18.0) Not supported Not supported Not supported
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) 6.0 (6.0) (Yes) 11 (Yes) (Yes)

Document Tags and Contributors

 Contributors to this page: AFBarstow, fscholz, MHasan, kscarfone, Sheppy
 Last updated by: AFBarstow,