Obtenir le glisser-déposer pour travailler dans firefox

Question

Je souhaite afficher une boîte d'alerte affichant la source des images qui sont glissées dans le #dropzone.

Quelqu'un peut-il voir ce que je fais mal ici?

<img src="http://upload.wikimedia.org/wikipedia/en/5/53/Arsenal_FC.svg" alt="arsenal"> 
<div id="dropzone"></div> 

<script> 
var drop = document.getElementById(‘dropzone’); 

drop.ondrop = function (event) { 
    window.alert(event.dataTransfer.getData(‘Text’)); 
    return false; 
}; 

drop.ondragover = function() { return false; }; 
drop.ondragenter = function() { return false; }; 
</script> 

Answer 1

Quelques idées:

1. Il semble que vous avez copié ce code de certain site Web, sans corriger les guillemets. ‘dropzone’ devrait être 'dropzone'
2. Div sans contenu est pratiquement invisible. Avez-vous un style css pour la hauteur et la largeur?
3. Pour DROPpé le nom du fichier, vous devez utiliser quelque chose comme event.dataTransfer.files[0].fileName

Answer 2

La plupart des navigateurs web on a besoin pour empêcher l'action par défaut sur dragenter et dragover pour pouvoir attraper événement tomber.

drop.ondragover = function (ev) { 
    ev.preventDefault(); 
    return false; 
}; 
drop.ondragenter = function (ev) { 
    ev.preventDefault(); 
    return false; 
};