TouchList: item() method

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The item() method returns the Touch object at the specified index in the TouchList.

Syntax

item(index)

Parameters

index: The index of the Touch object to retrieve. The index is a number in the range of 0 to one less than the length of the TouchList.

Return value

touchPoint: The requested Touch object from the TouchList. Returns null if the index is not less than the length of the list.

Examples

This code example illustrates the use of the TouchList interface's item method and the length property.

const target = document.getElementById("target");

target.addEventListener(
  "touchstart",
  (ev) => {
    // If this touchstart event started on element target,
    // set touch to the first item in the targetTouches list;
    // otherwise set touch to the first item in the touches list
    const touch =
      ev.targetTouches.length >= 1
        ? ev.targetTouches.item(0)
        : ev.touches.item(0);
  },
  false,
);

Specifications

Specification
Touch Events # dom-touchlist-item

Browser compatibility

BCD tables only load in the browser