防止默认（）；对 drop 事件没有任何影响答案

【问题标题】：preventDefault(); doesn´t have any effect on a drop event防止默认（）；对 drop 事件没有任何影响
【发布时间】：2019-07-13 14:43:15
【问题描述】：

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

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

为了防止我添加：

$(document).ready(function(){

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：