JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>

CSS

div#box {
    width:200px;
    height:200px;
    background-color:orange;
    border: 1px solid black;
    cursor:pointer;
}

JavaScript

var box_dragOps = {	
		start : box_start_drag,
		drag  : box_dragging,
		stop : box_stop_drag
    };

$('#box').draggable(box_dragOps);


function box_start_drag(e, ui) {
    
}

function box_dragging(e,ui) {
    if(e.shiftKey)
            return false;
}

function box_stop_drag(e, ui) {

}