JQuery: наведите курсор, когда браузер не имеет фокуса

Question

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

Я сейчас использую jQuery, вот так:

$("#upload_media_input").hover(function(){ 
    $("#upload_media_dropzone").fadeIn();
}, function() { 
    $("#upload_media_dropzone").fadeOut(); 
});

Заранее спасибо!

Answer 1

Это было так же просто, как использовать dragover, dragexit, dragleave и drop на теле:

$("body").live("dragover", function(event){ $("#upload_media_dropzone").stop(true, true).fadeTo(200, 1); });
$("body").live("dragexit dragleave drop", function(event){ $("#upload_media_dropzone").fadeTo(200, 0); });