检查鼠标是否已关闭或将文件从本地文件夹拖到浏览器

时间:2015-12-30 09:06:30

标签: javascript jquery css angularjs

我想检查用户是否从浏览器外部拖动文件。所以我可以做一些css魔术(要对div进行概述,可以将文件拖到)。

我的主页是使用AngularJS制作的。

我正在考虑使用像JQuery MouseDown这样的东西,但是当它没有从浏览器触发时我不知道如何捕获它。

我一直在寻找这个,我发现的一切都只是在你从浏览器中发射事件的时候。

那么,有没有人有想法或以前玩过这个?

1 个答案:

答案 0 :(得分:0)

您可以使用浏览器事件:dragover,dragleave和drop。

将处理程序附加到$(窗口),然后在“dragover”上添加一个类(类似“文件拖动”)到标记。将它添加到<html><body>等标记可能是一个好主意,因此您的所有元素都可以对其进行响应。

然后在“dragleave”和“drop”上你可以删除那个类。

所有其余的最好通过CSS完成,就像你说的那样。