防止默认（）；对掉落事件没有任何影响

Question

我有一个图片上传-<div>，用户可以在其中放置图片。 <div> 元素上的 preventDefault(); 工作正常。

但是当用户将图片放在 <div> 之外时，浏览器会打开它。

为了防止我添加：

$(document).ready(function(){

    $('body').on('drop', function(e){
        e.preventDefault();
    });
});

事件处理程序被触发，但 preventDefault();-action 没有任何效果。浏览器始终加载图片。

Answer 1

您应该指定一个默认参数。同时添加一个 dragover 事件监听器：

$(() => {
  $("body").on("drop", (e = event) => e.preventDefault())
      .on("dragover", (e = event) => e.preventDefault());
});

preventDefault(); doesn´t have any effect on a drop event