Firefox 错误，拖动事件给 dataTransfer.files = null，在所有其他浏览器中定义

Question

这里是jsfiddle 的确切问题。

对我来说，'dragenter' 事件 dataTransfer.files 在除 Firefox 之外的所有内容中都已正确定义。但是，“drop”事件始终具有正确的 dataTransfer.files，即使在 Firefox 中也是如此。

不确定这是否是 Firefox（21.0 和现在的 23.0.1）中可能存在的错误，它在 Mac OS 和 Windows 上都会发生。

以及完整的代码：

function preventDefault(_e) {
    _e.preventDefault();
}

var dropZone = document.getElementById('drop-zone');
dropZone.addEventListener("dragstart", preventDefault, false);
dropZone.addEventListener("dragleave", preventDefault, false);
dropZone.addEventListener("drag", preventDefault, false);
dropZone.addEventListener("dragend", preventDefault, false);
dropZone.addEventListener("dragover", preventDefault, false);
dropZone.addEventListener("dragenter", function(_e) {
    _e.preventDefault();
    console.log(_e.dataTransfer.files);
}, false);
dropZone.addEventListener("drop", function(_e) {
    _e.preventDefault();
    console.log(_e.dataTransfer.files);
}, false);

其他人也有同样的结果吗？

这可能是一个沙盒限制，但我没有找到任何关于它的信息......

感谢任何和所有想法和答案:)。

Answer 1

根据spec（whatwg），数据处于“保护模式”，即不可用。我猜这是为了防止网站从不适合他们的拖拽中窥探/窃取内容。

所以，我的解释是，Firefox 不允许在dragenter 中访问.files 实际上是正确的，而错误在于其他浏览器。

PS：Firefox source，在dragenter 上明确不返回任何内容。