JSFiddle - React, Tailwind, and code Playground

by Jools Chadwick

HTML

<body id='body'>


<div id='test'>
Test
</div>
<div id='jqoutput'>

</div>
<div id='jsoutput'>

</div>
</body>

CSS

body,html{
  width:100%;
  height:100%;
  margin:0;
}

JavaScript

$(window).on('drag dragstart dragend dragover dragenter dragleave dragexit',function(event){
	var oEvent = event.originalEvent;
  if(event.type=='dragover'){
  event.preventDefault();
  }
  if(oEvent.dataTransfer){
  	oEvent.dataTransfer.dropEffect='none';
  }
	$('#jqoutput').append('<div>'+event.type+': #'+event.target.id+'</div>');
})