拖放到瀏覽器窗口 - 防止默認的Firefox

Question

我試圖做一個拖動&掉在我的頁面上的可能性。

當文件被拖入窗口時，我必須阻止瀏覽器的默認操作。這裏是我的代碼：

document.addEventListener("drop", function(e) { 
    e.preventDefault(); 
}); 

這適用於Chrome，但不適用於Firefox。

如何防止Firefox的默認操作？

* FOUND OUT *

DragOver事件也有被取消的Firefox聽drop事件。

document.addEventListener("dragover", function(e) { 
    e.preventDefault(); 
}); 

Answer 1

DragOver事件也必須被取消火狐聽drop事件：

document.addEventListener("dragover", function(e) { 
    e.preventDefault(); 
}); 

Answer 2

您可以使用dragleave

document.addEventListener("dragleave", function(e) { 
     e.preventDefault(); 
    });