title | short-title | slug | page-type | browser-compat |
---|---|---|---|---|
TouchList: length property |
length |
Web/API/TouchList/length |
web-api-instance-property |
api.TouchList.length |
{{ APIRef("Touch Events") }}
The length
read-only property indicates the number of
items (touch points) in a given {{domxref("TouchList")}}.
The number of touch points in touchList
.
This code example illustrates the use of the {{domxref("TouchList")}} interface's {{domxref("TouchList.item()","item")}} method and the {{domxref("TouchList.length","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}}
{{Compat}}