2011-06-28 122 views
0

我正在創建一個類似於Gmail的拖放文件的上傳功能,並且已經達到停止點。當瀏覽器具有焦點時,我有一個提示可以在懸停輸入時正常工作......但是當您從計算機拖動文件時,瀏覽器會失去焦點。如果Gmail沒有關注,Gmail仍可以成功懸停......我如何複製此內容?jQuery:當瀏覽器沒有焦點時懸停

我目前使用jQuery像這樣:

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

提前感謝!

+0

檢查了這一點:http://blog.justswell.org/drag-and-drop-files-from -your-desktop-to-your-browser-using-javascript/ – Kristian

+0

謝謝,但那是一個完整的庫,我只是尋找從OS拖到瀏覽器時調用的javascript函數/代碼...不是整個專有插件,除非它是基於jQuery(我已經在使用)。 – RANGER

回答

0

很容易,因爲在身上使用dragoverdragexitdragleavedrop

$("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); }); 
相關問題