我正在创建一个类似于Gmail上传和拖放文件的功能,并且已经达到了停止点。当浏览器具有焦点时,我有一个可以悬停在输入上的警报...但是当您从计算机中拖动文件时,浏览器会失去焦点。当Gmail没有焦点时,Gmail仍可成功悬停...我该如何复制?
我目前正在使用jQuery:
$("#upload_media_input").hover(function(){
$("#upload_media_dropzone").fadeIn();
}, function() {
$("#upload_media_dropzone").fadeOut();
});
提前致谢!
答案 0 :(得分:0)
就像在身体上使用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); });