在Firefox中获取拖放功能

Question

我想显示一个警告框，显示拖到#dropzone中的图像源。

任何人都可以看到我在做什么错在这里？

<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

几点思考：

1. 似乎已复制从一些网站的代码，不修正行情。 ‘dropzone’应该是'dropzone'
2. 没有内容的div实际上是不可见的。你有任何CSS和高度和宽度的风格？
3. 要掉下来的文件名，你应该使用类似event.dataTransfer.files[0].fileName

Answer 2

大多数Web浏览器都需要一个人防止的dragenter和的dragover默认动作能够赶上下降的事件。

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