Javascript 在firefox中使用拖放功能

我想显示一个警报框，显示拖入#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>

var drop=document.getElementById（'dropzone'）；
drop.ondrop=函数（事件）{
window.alert（event.dataTransfer.getData（'Text'））；
返回false；
};
drop.ondragover=函数（）{return false；}；
drop.ondragenter=函数（）{return false；}；

一些想法：

似乎您从某个网站复制了此代码，但没有更正引号<代码>'dropzone'应该是

'dropzone'

没有内容的Div实际上是不可见的。你有没有关于高度和宽度的css样式

要获取删除的文件名，您应该使用类似于

event.dataTransfer.files[0].fileName的内容

一些想法：

似乎您从某个网站复制了此代码，但没有更正引号<代码>'dropzone'应该是

'dropzone'

没有内容的Div实际上是不可见的。你有没有关于高度和宽度的css样式

要获取删除的文件名，您应该使用类似于

event.dataTransfer.files[0].fileName的内容

---

大多数web浏览器都要求阻止dragenter和dragover上的默认操作，以便能够捕获丢弃事件

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

---

大多数web浏览器都要求阻止dragenter和dragover上的默认操作，以便能够捕获丢弃事件

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

---

是的，我意识到在我自己打出来之后，`！=`，div有一个样式是的，我意识到在我自己打印出来之后，`！==`，这个div有一种风格