jquery - 如何防止使用 jQuery 进行拖放？

Question

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

我试过这个，无济于事：

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

有什么解决办法吗？

Answer 1

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

Answer 2

尝试这个

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

Answer 3

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

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

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