HTML5拖动,防止拖动的图像在删除时重定向

时间:2014-05-31 00:51:41

标签: jquery html5 drag-and-drop

我在这里使用jQuery文件上传器:http://blueimp.github.io/jQuery-File-Upload/

问题是。我在浏览器窗口1中运行文件上传器。如果我打开浏览器窗口2并将图像从窗口2拖到窗口1中,窗口1将重定向到图像。

当浏览器窗口2将图像拖入其中时,如何防止窗口1重定向?

由于

2 个答案:

答案 0 :(得分:1)

我认为你可以通过这种方式防止图像被拖延:

$('img').on('dragstart', function(e) { e.preventDefault(); });

或尝试阻止drop上的默认行为:

$("html").on("dragover", function(e) { e.preventDefault();  e.stopPropagation(); });
$("html").on("drop", function(e) { e.preventDefault(); e.stopPropagation(); });

答案 1 :(得分:0)

将回调添加到您的放置目标,如下所示:



$('#a').on('dragover', function (e) {
    e.preventDefault();
});
$('#a').on('drop', function (e) {
    e.preventDefault();
});




它适用于Chrome。