Нет перенаправления при перетаскивании файла

Question

У меня есть прямоугольник, в который я мог бы уронить некоторые файлы.Дело в том, что когда я их сбрасываю, браузер перенаправляет в файл.Я знаю, что это нормально, но так как я пытаюсь сбросить файл, чтобы загрузить его ...

Я обнаружил, что e.preventDefault () должен быть тем, что я ищу, но это не такна самом деле работает.

Вот мой код:

<div id="dropHere">
    <p>Drop your files here...</p>
  </div>

  <script>
    dropHere.addEventListener("drop", function(e) { e.preventDefault(); });
  </script>

У меня есть код, который я не поместил здесь (javascript и css).Можете ли вы помочь мне понять, почему e.preventDefault () не работает?(Должно, верно?)

Answer 1

Спасибо за ваш ответ, несмотря на то, что он не работает

Я наконец-то понял, что было не так: для добавления файла в браузер мне нужно выполнить e.preventDefault ()на «drop» и «dragover»

Так что это работает:

dropHere.addEventListener("drop", function(e) { e.preventDefault(); });
dropHere.addEventListener("dragover", function(e) { e.preventDefault(); });

Но спасибо за вашу помощь:)

Answer 2

Если вы хотите, чтобы метод

dropHere.addEventListener("drop", function(e) { e.preventDefault(); });

правильно загружался в ваш браузер, вам нужно сделать что-то вроде этого:

<script>
window.onload = function() {
  dropHere.addEventListener("drop", function(e) { e.preventDefault(); });
};
</script>

Это связывает загрузку с анонимной функцией, которая привызывается, запустит желаемую функцию, с параметрами, которые вы ей дадите.Конечно, вы можете запустить более одной функции изнутри анонимной функции.