jQuery drag & drop

by Toni

HTML

<div draggable="true" id="tobedropped" ondragstart="Util.drag(event)">TEST</div>    
<div id="target" ondrop="console.log('ondrop')" ondragover="console.log('ondragover')">
</div>

CSS

#tobedropped{border:1px solid #ff0000;width:10%;}
#target{border:1px solid #00ff00;width:20%;height:100px;}

JavaScript

var Util = {
    drag: function(ev) {
        console.log('drag')
        ev.dataTransfer.setData("text", ev.target.id);
    }
}