Back to Content

TouchEvent: targetTouches property

files/en-us/web/api/touchevent/targettouches/index.md

latest1.5 KB
Original Source

{{ APIRef("Touch Events") }}

The targetTouches read-only property is a {{ domxref("TouchList") }} listing all the {{ domxref("Touch") }} objects for touch points that are still in contact with the touch surface and whose {{domxref("Element/touchstart_event", "touchstart")}} event occurred inside the same target {{ domxref("element") }} as the current target element.

Value

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

Examples

This example illustrates the {{domxref("TouchEvent")}} object's TouchEvent.targetTouches property. The TouchEvent.targetTouches property is a {{domxref("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 length of the targetTouches list and returns true if the lengths are the same and returns false otherwise.

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}