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

标签 javascript html drag-and-drop client-side

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

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

最佳答案

做一个包装器 <div>height:100%包含您的整个页面并处理其 dragover事件。

关于javascript - 如何检测 HTML 页面上的文件拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3423657/

相关文章:

javascript - 当我将一张图像拖放到另一张图像上时,为什么它会消失?

javascript - 淡入数组中的随机引号

javascript - 单引号 Google 脚本的串联

jquery - 使用Jquery检查元素的类型

html - 如何在设置为显示表格单元格的 div 之间添加边距?

c++ - 如何在 *.exe 上启用拖动文件并将其作为参数获取?

javascript - sanitizer 膏输入

javascript - 在 javascript 中 eval 的替代用法

html - OR'ing XPaths 的简写(相同的查询但多个标签类型)?

javascript - 为什么我的 div 在较小的屏幕上可以拖动,但是当我在较大的屏幕上检查它时,我不再能够拖动它?