jQuery.on («drop») не стреляет
Я пытаюсь реализовать перетаскивание файлов с рабочего стола в окне браузера. Я использовал jQuery, чтобы прикрепить три события к элементу HTML, как показано в коде ниже:
$("html").on("dragover", function() {
$(this).addClass('dragging');
});
$("html").on("dragleave", function() {
$(this).removeClass('dragging');
});
$("html").on("drop", function(event) {
event.preventDefault();
event.stopPropagation();
alert("Dropped!");
});
События «dragover» и «dragleave» работают нормально, отображая рамку вставки вокруг всей страницы, когда я перетаскиваю файл поверх удаляемого, если я перетаскиваю файл снова.
Тем не менее, событие «drop», похоже, не срабатывает совсем, удаленный файл просто открывается в окне браузера.
У кого-нибудь есть идеи, почему это событие не стреляет?
Кстати, я тестирую это в последней версии Chrome и использую jQuery 1.10.2.