JSFiddle - React, Tailwind, and code Playground
HTML
<div></div>
CSS
div {
height: 100px;
width: 100px;
background-color: blue;
}
JavaScript
$("div").mousedown(function() {
var mouseMoveHandler = function (event) {
$('div').html("( " + event.clientX + ", " + event.clientY + " )");
};
var mouseUpHandler = function (event) {
$("div")
.off('mousemove', mouseMoveHandler)
.off('mouseup', mouseUpHandler);
};
$("div")
.on('mousemove', mouseMoveHandler)
.on('mouseup', mouseUpHandler);
});