Próbuję zaimplementować przeciąganie i upuszczanie plików z pulpitu w oknie przeglądarki. Użyłem jQuery do dołączenia trzech zdarzeń do elementu HTML, tak jak w poniższym kodzie:

$("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!");
});

Zdarzenia „dragover” i „dragleave” działają dobrze, wyświetlając wstawioną ramkę wokół całej strony, gdy przeciągam plik nad usuwany, jeśli przeciągnę plik ponownie.

Jednak zdarzenie „upuszczania” nie wydaje się wcale wystrzelić, upuszczony plik otwiera się po prostu w oknie przeglądarki.

Czy ktoś ma jakieś pojęcie, dlaczego to wydarzenie nie strzela?

Btw, testuję to w najnowszej wersji Chrome i używając jQuery 1.10.2.