The length
read-only property indicates the number of items (touch points) in a given TouchList
.
On this page
TouchList: length property
Value
The number of touch points in touchList
.
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
Specification |
---|
Touch Events # dom-touchlist-length |
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 | |
length |
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/length