如何使用jQuery防止拖放？

Question

我正在尝试使用jQuery编写拖放图像上传内容。但是，每当我将图像拖到网页上时，它都会重定向到该图像的URI。

我试过这个，但无济于事：

$(document).bind('drop', function(){
  return false;
});

任何解决方案？

Answer 1

试试这个

$(document).bind("dragstart", function(e) {
     if (e.target.nodeName.toUpperCase() == "IMG") {  //detect images otherwise remove.
         return false;
     }

Answer 2

您应该向目标div添加一个属性，以防止默认行为

<div class="yourdestination" ondragover="return false"></div>

更多信息：https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations

Answer 3

我解决了这个问题。我将这些绑定到返回false的函数并调用event.preventDefault（）：“drop”，“dragenter”，“dragover”，“dragleave”。它似乎已经成功了。