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

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

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

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

最佳答案

使用 height:100% 制作一个包装器

,其中包含您的整个页面并处理其 dragover 事件。

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

相关文章:

java - 如何使用大型HTML字符串?

python - 在Qt中捕获到拖动导出?

javascript - 当 prop "checked"以编程方式切换时,复选框不会在视觉上更新

javascript - Javascript onKeyPress键码在Android上始终为0

html - 将显示表的4个单元格居中:在Firefox上工作,在Chrome上工作

html - 一页html静态多语言

css - 拖动时如何更改光标? Material CDK拖放

javascript - IE9 中的 HTML 拖放

发生 Javascript 表单提交问题

javascript - 获取 TD 单元格宽度以指定宽度 % 环绕 div