Drag and Drop

Alt DD

var root = document.documentElement;

root.addEventListener('dragover', cancel, false);
root.addEventListener('dragend', cancel, false);
root.addEventListener('drop', drop, false);

function cancel(event){
    event.preventDefault();
}

function drop(event){
    cancel(event);
    readFiles(event.dataTransfer.files);
}

DD

function drop(event){
    event.preventDefault();
    readFiles(event.dataTransfer.files);
}

var root = document.documentElement; // Attaching to the HTML document (can be anywhere)

root.addEventListener('dragover', function(event){
    event.preventDefault();
    //bind drop event
    root.addEventListener('drop', drop, false);
}, false);

root.addEventListener('dragend', function(){
    event.preventDefault();
    //bind drop
    root.removeEventListener('drop', drop, false)
}, false);