Обнаруживать, когда файл перетаскивается на вход файла

Question

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

$('input:file').click(function() { 
    // do stuff here 
}); 

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

Чтобы уточнить, мне не нужна помощь в выполнении перетаскивания. Кроме того, если возможно, я хочу продолжать использовать ввод файла, а не использовать решение, включающее удаление на другие элементы, такие как div. Я хочу, чтобы капля оставалась на фактическом входе файла.

Как определить файл, который перетаскивается на вход файла, чтобы я мог реагировать на него?

Answer 1

Вы можете реагировать на браузерное событие собственного перетаскивания как dragenter и dragleave

container.addEventListener("dragenter", this.dragenter, true); 
container.addEventListener("dragleave", this.dragleave, true); 

Так что вам нужно определить только область, которые вы хотите отслеживать, когда сопротивление происходит и ваши действия на этом событии.