JSFiddle - React, Tailwind, and code Playground

by radu

HTML

<div id="test">
    
</div>

CSS

#test
{
    background: #999;
    height:200px;
}

JavaScript

var initX = 0;

$('#test').mousedown(function(e) {
    initX = e.pageX;
    
}).mouseup(function(e) {
    var delta = initX - e.pageX;
    console.log(delta);
});