JSFiddle - React, Tailwind, and code Playground

HTML

<div id="square"><span id="text">Touch me</span></div>

CSS

#square { width: 250px; height: 250px; background-color: #f00; }

JavaScript

var square = document.getElementById('square');

var mousedown = function(event) {
    // Finger Press
    event.preventDefault();
    var _originalX = (event.touches) ? event.touches[0].pageX : event.pageX;
    var _originalY = (event.touches) ? event.touches[0].pageY : event.pageY;
    alert(_originalX + ', ' + _originalY);
};
square.addEventListener('touchstart', mousedown, false);