ブラウザへのファイルドロップ禁止する

JavaScript で抑制します。

window.addEventListener('dragover', function(ev){
     ev.preventDefault();
}, false);
window.addEventListener('drop', function(ev){
     ev.preventDefault();
     ev.stopPropagation();
}, false);

これで、マウスでPCのローカルファイルをドラッグしてブラウザにドロップしても
ドロップしたファイルをブラウザが開こうとするのを回避できます。

では、この JavaScript を実行するけど、HTML のある任意の範囲部分へのファイル・ドラッグ&ドロップは
有効にしたい場合、どうするか??

心配したのですが、先日投稿した Wicket の AjaxFileDropBehavior を使用した場合、
ドロップしてファイル読み込まなくなってしまうのではと心配したのですが、、
大丈夫でした。上記 JavaScript を動かして、ドロップさせたい範囲エリアを限定させることができます。
oboe2uran.hatenablog.com