Tryit Editor v3.7

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 200px;
  height: 100px;
  border: 1px solid black;
}
</style>
</head>
<body>

<p>This example uses the addEventListener() method to attach a "touchmove" and "touchend" event to a DIV element.</p>

<p>Move you finger in the rectangle above, and get the coordinates of your finger.</p>

<p>When the finger is moved across the div, the p element below will display the horizontal and vertical coordinates of your finger, whose values are returned from the clientX and clientY properties on the 
TouchEvent object.</p>

elmnt.addEventListener("touchmove", function(e) {
  var touchobj = e.changedTouches[0];
  var x = touchobj.clientX;
  var y = touchobj.clientY;
  coor = "Coordinates: (" + x + "," + y + ")";
  document.getElementById("demo").innerHTML = coor;
});

elmnt.addEventListener("touchend", function() {
  document.getElementById("demo").innerHTML = "";
});
</script>

</body>

</html>