drag and drop

by danmana

HTML

Drag something in the drop box below.
<div id="dropbox"></div>

CSS

#dropbox{
    width: 300px;
    height: 100px;
    background-color:#AAA;
    color:white;
}

JavaScript

var box=document.getElementById('dropbox');

box.addEventListener('dragover',function(e){
    box.innerHTML = JSON.stringify(e.dataTransfer.types)+'<br>';
    if (e.dataTransfer.types[0].indexOf('text')>=0){
        e.dataTransfer.effectAllowed='none';
    }
});