[解決済み】ドラッグ＆ドロップしたファイルをブラウザで読み込まないようにする。

質問

私のページにhtml5のドラッグ＆ドロップアップローダーを追加しています。

アップロードエリアにファイルをドロップすると、すべてがうまく機能します。

しかし、誤ってアップロード領域の外にファイルをドロップすると、ブラウザは新しいページであるかのようにローカルファイルを読み込みます。

この動作を防ぐにはどうしたらよいですか？

ありがとうございます。

解決方法は？

を呼び出すイベントリスナーをウィンドウに追加することができます。 preventDefault() を、すべてのドラッグオーバーとドロップのイベントで使用します。

例

window.addEventListener("dragover",function(e){
  e = e || event;
  e.preventDefault();
},false);
window.addEventListener("drop",function(e){
  e = e || event;
  e.preventDefault();
},false);