Javascript 检查鼠标是否已按下或正在将文件从本地文件夹拖动到浏览器

我想检查用户是否从浏览器外部拖动文件。因此，我可以做一些css魔术（将在div上放置一个概览，以便将文件拖动到其中）

我的主页是用AngularJS制作的

我曾考虑过使用JQuery MouseDown之类的工具，但不知道如何在不从浏览器启动的情况下捕获事件

我一直在搜索这个，我找到的所有东西只有当你从浏览器中触发事件时

---

那么，以前有人有想法或玩过这个吗？

您可以使用浏览器事件：dragover、dragleave和drop

将处理程序附加到$（窗口），并在“dragover”中将类（类似于“文件拖动”）添加到标记。将它添加到像

或

这样的标记中可能是一个好主意，这样您的所有元素都可以响应它

然后在“dragleave”和“drop”上可以删除该类

---

正如你所说，所有其余的工作最好通过CSS来完成。

那么

dragover

呢？也许这有助于：