javascript - 防止浏览器加载拖放文件

Question

我正在向我的页面添加一个 html5 拖放 uploader 。

当文件被放入上传区域时，一切都运行良好。

但是，如果我不小心将文件放到上传区域之外，浏览器会像加载新页面一样加载本地文件。

如何防止这种行为？

谢谢!

Answer 1

您可以向窗口添加一个事件监听器，该监听器会在所有拖放事件上调用 preventDefault()。
示例:

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