理解HTML中的拖放

我很难理解HTML5中的拖放功能，尤其是dropeffect和effectsallowed属性。我已经看过了文档和例子，但仍然没有很好地掌握。特别是，您可以在页面内拖动数据，而从页面外拖动文件，这一事实对我来说很模糊

首先，当我将页面内的图像拖到拖放区域时，DataTransfer对象的文件列表为空。但这是否意味着您也不能像访问页面外部文件一样访问页面中的图像？（例如，获取其属性或将其提供给文件读取器）

另一件我不明白的事情是dropEffect和EffectsSallowed。它们是与setData和getData方法结合使用还是与从页面外部拖动的文件结合使用

---

我认为如果我设置event.dataTransfer.dropEffect='move'，那么页面外的文件实际上会被移动并消失在旧位置。但是，除了dropEffect字符串值之外，当我将某些内容拖动到页面中时，我看不到move/link/copy之间有任何实际区别

嗯，还没有答案，但我还有一点。以防其他人对此感到疑惑：

dropEffect和effectsAllowed属性显然只是拖动操作的视觉提示。不多不少。这意味着光标图标会根据使用的效果进行更改。下面是一个小脚本，您可以在其中看到它的实际操作：

问题是，Firefox（15）在将效果sallow设置为多个效果（例如copymove）时使用标准的下拉光标。这种行为是在Chrome中写入不同的内容时出现的，Chrome只使用dropEffect指定的图标。对我来说，后者似乎更符合逻辑，所以也许Firefox只是有问题

我发现这种视觉提示既适用于网页内部的元素，也适用于浏览器外部的文件

但是将dropEffect设置为例如“move”与真正移动文件无关