JSFiddle - React, Tailwind, and code Playground

HTML

<span>whatch this when you touch in the square</span>
<div id="gallery"></div>

CSS

#gallery {
    height:300px;
    width:300px;
    border:2px solid #000;
}

JavaScript

var div = document.id('gallery');
var span = document.getElement('span');

div.addEvent("mousedown", function (event) {
    event.preventDefault(); // to avoid scrolling
    span.innerHTML = event.page.x;
});
div.addEvent("mouseup", function (event) {
    span.innerHTML = event.page.x;
});