拖放在 chrome 中工作，而不是 firefox

【问题标题】：drag and drop working in chrome, not firefox拖放在 chrome 中工作，而不是 firefox
【发布时间】：2013-10-16 20:32:35
【问题描述】：

这是一个拖放图像的示例（由 Andy Olsen 的“HTML5 power Workshop”课程提供）： http://aorbaroquethrash.com/dragdrop/

您必须将图像从桌面拖到黄色方块。

它在 chrome 中运行，但在 firefox 中运行，为什么？

有一个类似的帖子： drag and drop not working in firefox 它说要使用“dataTransfer.setData”，但我认为它不适用于我的示例。

在我的示例中，我使用 var allTheFiles = event.dataTransfer.files; ...

帕特里克

【问题讨论】：

标签： javascript firefox drag-and-drop

【解决方案1】：

那个网站有一个错误。代码如下：

// Handles drop events.
function onDrop(mouseEvent) {
...
    // Get the first file dragged by the user.
    var allTheFiles = event.dataTransfer.files;
    var firstFile = allTheFiles[0];
…
}

event.dataTransfer.files 应该是mouseEvent.dataTransfer.files。

它在 Chrome 中工作的原因显然是 Chrome 实现了非标准的 IE 样式 window.event，而 Firefox 没有。

这里是a corrected fiddle，它在 Firefox、Chrome、Safari 甚至 IE10 中都可以工作（经过测试）。

【讨论】：