防止拖動本地代碼/項目觸發dragenter

Question

Im建立一個HTML5文件上傳，我想讓用戶在窗口上拖動文件時觸發dragenter。這個想法是，dragenter會觸發一個lightbox樣式覆蓋，顯示拖放區域。

這是我的代碼。 （jQuery的）

$(window).bind('dragenter', function (e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    $('#uploadWrapper').show(); 
}).bind('dragexit', function (e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    $('#uploadWrapper').hide(); 
}); 

這工作得很好，但如果用戶抓取的圖像或一些文本並拖動它，它也trigers，DragEnter事件。有沒有一種方法可以告訴正在拖動的內容，只有實際的文件才能上傳觸發器顯示覆蓋圖？

謝謝..

Answer 1

我覺得像下面這樣的東西應該工作; （雖然我不認爲這是歌劇友好。）

function DraggedFiles(e) 
{ 
    for (n in e.dataTransfer.types) 
    { 
     if (e.dataTransfer.types[n] === "Files") return true; 
    } 

    return false; 
} 

然後，您dragEnter事件，只需添加：要進行檢查，並做動作/無所作爲

if (DraggedFiles(e)) 
{ 
    // files were dragged onto here 
} else { 
    // something other than files were dragged 
} 

。