jQuery.on ("drop") não disparando
Eu estou tentando implementar arrastar e soltar arquivos da área de trabalho da janela do navegador. Eu usei o jQuery para anexar três eventos ao elemento HTML, como no código abaixo:
$("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!");
});
Os eventos 'dragover' e 'dragleave' funcionam bem, exibindo uma borda inserida ao redor da página inteira quando eu arrasto um arquivo sobre uma remoção dele se eu arrastar o arquivo novamente.
No entanto, o evento 'drop' não parece ter disparado, o arquivo descartado simplesmente é aberto na janela do navegador.
Alguém tem alguma ideia de por que esse evento não está sendo disparado?
Btw, estou testando isso na última versão do Chrome e usando o jQuery 1.10.2.