preventDefault ();не влияет на событие выпадения

Question

У меня есть изображение-загрузка- <div>, где пользователь может сбросить изображения.Элемент preventDefault(); на этом элементе <div> работает нормально.

Но когда пользователь выбрасывает изображение за пределы <div>, браузер открывает его.

Чтобы предотвратить это, я добавил:

$(document).ready(function(){

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

Обработчик событий запускается, но действие preventDefault(); не имеет никакого эффекта.Браузер всегда загружает картинку.

Answer 1

Вы должны указать параметр по умолчанию.Также добавьте dragover прослушиватель событий:

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