JSFiddle - React, Tailwind, and code Playground
HTML
<div>Content</div>
CSS
div { width: 200px; height: 200px; border: 1px solid black; }
JavaScript
$(document).ready(function() {
var $dragging = null;
$(document.body).on("mousemove", function(e) {
if ($dragging) {
$dragging.offset({
top: e.pageY,
left: e.pageX
});
}
});
$(document.body).on("mousedown", "div", function (e) {
$dragging = $(e.target);
});
$(document.body).on("mouseup", function (e) {
$dragging = null;
});
});