当ondrop被激发时，event.dataTransfer.files为空

event.dataTransfer.files is empty when ondrop is fired?

本文关键字：event dataTransfer files 为空 ondrop      更新时间：2023-12-29

好的，我设置了一个元素来接收文件删除事件，但当我在event.dataTransfer中查看时，它是空白的。我还没有抽出时间来学习drag-n-drop HTML5 API，对它仍然有点模糊。我正在我的网站上工作。如果你不介意翻阅我的代码，看看发生了什么，我将不胜感激。正在记录整个event对象。

它工作得很好，只是控制台的一个bug。

function onDrop(event) {
    event.preventDefault();
    console.log(event.dataTransfer.files[0]);
}

还可以看看这个bug/行为：HTML5 drop事件没有'；除非处理拖航，否则无法工作

基本上，您需要处理悬停/拖动并指定dropEffect

我在中找到了我需要的东西

e.originalEvent.dataTransfer
相关文章：