W3cubDocs

/Web APIs

TouchList: item() method

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

Syntax

js

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.

js

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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
item 18 ≤18
52This interface is only exposed if a touch input device is detected.
18–24Removed in bug 888304 due to web compatibility issues.
No 15 No 4.4 18 6 14 2 1.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TouchList/item