jQuery：当浏览器没有焦点时悬停

Question

我正在创建一个类似于Gmail上传和拖放文件的功能，并且已经达到了停止点。当浏览器具有焦点时，我有一个可以悬停在输入上的警报...但是当您从计算机中拖动文件时，浏览器会失去焦点。当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); });