JSFiddle - React, Tailwind, and code Playground

by Marcos F

HTML

<div>
<img class="test" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png">
</div>
<div>
<a class="test" href="http://google.es">drop this link</a>
</div>

<div class="drop-box" ondragover="return false">
  Drop here
</div>

CSS

.drop-box{width:100%;height:60px;border:1px dashed #444;
  text-align:center;
  margin:20px 0;
}

JavaScript

var dropb = document.querySelector('.drop-box');
dropb.addEventListener('drop',function(e){
	e.stopPropagation();
  e.preventDefault();
  
  var dummy = document.createElement('div');
  dummy.innerHTML = e.dataTransfer.getData('text/html');
  var el = dummy.querySelector('a,img');
  alert(el.className);
  
	//console.log(e.dataTransfer.getData('text/html'));
  return false;
});