在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; 
};