文件拖放,在外面掉落时检测到?

时间:2010-09-19 22:05:50

标签: javascript jquery html html5

我想在我的webapp(html5)中拖放文件时修改浏览器的默认行为。 默认情况下,如果您将文件放在可删除框之外,浏览器会尝试将其打开并退出当前页面。

在gmail上,这已被停用! 你知道这是怎么做到的吗?

我正在考虑onbeforeunload事件,但它会创建一个警报,因此它不是解决方案。

(我正在使用plupload

3 个答案:

答案 0 :(得分:2)

你应该试试这个:

$(window).bind('drop', function(event) {
    event.preventDefault();
    event.stopPropagation();
});
$(window).bind('dragover', function(event) {// the ondragover event needs to be canceled in Google Chrome and Safari to allow firing the ondrop event:
    event.preventDefault();
    event.stopPropagation();
});

答案 1 :(得分:0)

我认为你在onbeforeunload上走的正确,但你可能想要使用preventdefaultbehavior禁用警报。让我知道它是如何工作的......

答案 2 :(得分:0)

你应该让整个页面期望文件掉落而不接受它。