JSFiddle - React, Tailwind, and code Playground

by Alex Alex

HTML

<div id="log">
    Events: <br>
</div>

CSS

body,
html {
    background-color: #aaa;
    height: 100%;
    min-height: 100%;
}

JavaScript

var start = Date.now();
var logNode = document.getElementById('log');
['touchstart', 'touchmove', 'touchend', 'click', 'mousedown', 'mouseup'].forEach(function (eventName) {
    document.addEventListener(eventName, function (event) {
        var coords = {x:event.clientX, y:event.clientY};
        log.innerHTML += eventName + ' ' + (Date.now() - start) + JSON.stringify(coords) + '<br>';
    });
});