javascript - 在 Firefox 中进行拖放操作

标签 javascript html

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

最佳答案

一些想法:

  1. 您似乎从某个网站复制了此代码,但没有更正引号。 'dropzone' 应为 'dropzone'
  2. 没有内容的 Div 实际上是不可见的。你有高度和宽度的CSS样式吗?
  3. 要获取删除的文件名,您应该使用类似 event.dataTransfer.files[0].fileName

关于javascript - 在 Firefox 中进行拖放操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6333256/

相关文章:

javascript - Angular2+ e2e 测试 - 无法使用 by.id

javascript - NodeJS 在特定路由上写入或删除 cookie

javascript - 确定是否启用“允许访问文件 URL”(chrome 扩展)

javascript - 在外部网页上预填写表格

html - 使用 HTML/CSS 向上移动图片

javascript - 如何使用 javascript 一次按顺序显示一个 div?

javascript - 单击菜单项时,更改正文样式

javascript - 使用 JSzip 时未定义 saveAs

jquery - 使用 CSS 动画 <image> svgs?

javascript - 如何从 xhr.responseText 获取 "Data"字段?