JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<div id="drag">Drag</div>

CSS

div{width:200px; border:1px solid orange;}

JavaScript

$(document).ready(function(){
      var click = false,
      top = null,
      left = null;
    
    $(document).bind('mousemove', function (e) {
        if (click == true) {
           $('#drag').css({
             left: e.pageX - left,
             top: e.pageY - top
           });
        }
    });
    
    $('#drag').draggable().click(function(e) {
        top = e.pageY - $('#drag').position().top; 
        left = e.pageX - $('#drag').position().left;
        click = !click;
        return false;
    });
    
    $('html').click(function() {
        click = false;
    });
});