Javascript DOM TouchEvent touches Property get x/y coordinates

Introduction

Return the x- and y-coordinates of the touch:

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="showCoordinates(event)" ontouchmove="showCoordinates(event)">
<p>Touch somewhere in this document.</p>

<p>The horizontal and vertical coordinates of the touch are: <span id="demo"></span></p>
<script>
function showCoordinates(event) {
  var x = event.touches[0].clientX;
  var y = event.touches[0].clientY;
  document.getElementById("demo").innerHTML = x + ", " + y;
}
</script>//w  ww.  j  a  va 2s .  com

</body>
</html>



PreviousNext

Related