Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body ontouchstart="showCoordinates(event)" ontouchmove="showCoordinates(event)">
<h1>The TouchEvent's touches Property</h1>
<p>Touch somewhere in this document.</p>
<p>The horizontal and vertical coordinates of the touch are: <span id="demo"></span></p>
<p><strong>Note:</strong> This examples uses touches<strong>[0]</strong> meaning that it will only show the coordinates of one finger (the first).</p>
<p><strong>Note:</strong> Touch events works for touch devices only.</p>
<script>
function showCoordinates(event) {
  var x = event.touches[0].clientX;
  var y = event.touches[0].clientY;
  document.getElementById("demo").innerHTML = x + ", " + y;
}
</script>
</body>
</html>