Ich versuche, Drag & Drop von Dateien vom Desktop des Browserfensters zu implementieren. Ich habe jQuery verwendet, um drei Ereignisse wie im folgenden Code an das HTML-Element anzuhängen:

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

Die Ereignisse 'dragover' und 'dragleave' funktionieren einwandfrei und zeigen einen eingefügten Rand um die gesamte Seite an, wenn ich eine Datei über eine entfernende ziehe, wenn ich die Datei erneut herauszieh.

Das "drop" -Ereignis scheint jedoch überhaupt nicht auszulösen, die abgelegte Datei wird einfach im Browserfenster geöffnet.

Hat jemand eine Idee, warum dieses Ereignis nicht ausgelöst wird?

Übrigens teste ich dies in der neuesten Version von Chrome und verwende jQuery 1.10.2.