javascript - 拖放到浏览器窗口 - 防止默认的 firefox

Question

我正在尝试在我的页面上创建拖放的可能性。

当文件被拖入窗口时，我必须阻止浏览器的默认操作。这是我的代码：

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

这适用于 Chrome，但不适用于 Firefox。

如何防止 Firefox 的默认操作？

* 发现 *

还必须取消 dragover 事件，firefox 才能监听 drop 事件。

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

Answer 1

你可以使用dragleave

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

Answer 2

Firefox 也必须取消 dragover 事件才能监听 drop 事件：

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