javascript - ブラウザ ウィンドウにドラッグ アンド ドロップ - デフォルトの Firefox を防止

Question

ページでドラッグ アンド ドロップを可能にしようとしています。

ファイルがウィンドウにドラッグされたとき、ブラウザのデフォルトのアクションを防止する必要があります。これが私のコードです：

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

これは Chrome では機能しますが、Firefox では機能しません。

Firefox の既定のアクションを防ぐにはどうすればよいですか?

* 見つけた *

Firefox がドロップ イベントをリッスンするには、ドラッグオーバー イベントもキャンセルする必要があります。

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

Answer 1

Firefox がドロップ イベントをリッスンするには、ドラッグオーバー イベントもキャンセルする必要があります。

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

Answer 2

ドラッグリーブを使用することができます

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