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

Question

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

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

Answer 1

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