javascript - 什么会导致 event.dataTransfer.files 在 IE10 中为空？

Question

所以，给定这段代码:

var container = document.getElementById("body");
container.addEventListener("dragenter", noopHandler, false);
container.addEventListener("dragover", noopHandler, false);
container.addEventListener("drop", function(evt) {
    noopHandler(evt);
    console.log('drop');
    console.log(evt.dataTransfer.files);
}, false);

在 Chrome 和 FF 中，evt.dataTransfer.files 包含用户放在页面上的所有文件。

但是在IE10中，没有evt.dataTransfer.files。 FileList 对象根本不存在。

有什么想法吗？

Answer 1

dataTransfer.files 确实存在于 IE10 中，它甚至记录在 IE 开发中心:http://msdn.microsoft.com/en-us/library/ie/hh580307(v=vs.85).aspx

您可能遇到了 javascript 错误或一些与他不一定相关的错误。不过，您可以做的是检查 FileList 对象是否存在。

if(typeof FileList !== 'undefined')

如果 FileList 存在于您的浏览器中，这应该是正确的。如果它返回 false，则意味着您可能没有使用 IE10。