JSFiddle - React, Tailwind, and code Playground

by Mohamad Serawan

HTML

<div  class="widthBorders draggable" draggable="true">
			Draggable Item
		</div>
		<br/><br/>
		<div id="outside" class="widthBorders droppable">
			<br/><br/>Dropping area
		</div>

CSS

.widthBorders{
	border: solid red;
	height: 100px;
}

JavaScript

$(document).ready(function(){
	$(".draggable").on("dragstart",function(event){
		event.originalEvent.dataTransfer.setData("Text","data");
		console.log("start");
	});

	$(".droppable").on("dragenter",function(event){
		event.preventDefault();
		console.log("enter");
	});
});