Javascript DOM TouchEvent targetTouches Property

Introduction

Find out how many fingers that touches an element.

Touch events works for touch devices only.

View in separate window 

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body ontouchstart="countTouches(event)" ontouchend="countTouches(event)">

<p>Touch any element on this page.</p>

<p>The number of fingers touching the current element is <span id="demo">0</span>.</p>

<p>The targetTouches property returns an array of touch objects, one for each finger that is touching the same ELEMENT.</p>
<script>
function countTouches(event) {/*w w  w.  ja v a2 s.c o  m*/
  var x = event.targetTouches.length;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The targetTouches property returns an array of Touch objects.

One Touch object represents one finger.

This property is read-only.




PreviousNext

Related