如何检测 HTML 页面上的文件拖动

Posted 2023-05-08

【中文标题】如何检测 HTML 页面上的文件拖动

【英文标题】：How to detect file drag on HTML page

【发布时间】：2011-03-26 07:37:39

【问题描述】：

我可以通过监听 'dragover' 事件来检测文件是否被拖动到 div 上。但是如何检测文件是否被拖过整个 html 页面呢？ document.body 似乎没有引发 'dragover' 事件。

我打算做的是，一旦将文件拖到页面上，我将显示一个隐藏的 div 来放置文件。就像 Gmail。

【问题讨论】：

你最后做了什么？

【参考方案1】：

使用height:100% 制作一个包装器<div>，其中包含您的整个页面并处理其dragover 事件。