javascript - 防止文件被拖放到浏览器上

Question

简而言之，如果我将任何随机文件从桌面拖到浏览器上，浏览器(至少是 Chrome 和 FF)将尝试加载该文件作为浏览器的新位置。有什么好的方法可以关掉它吗？

背景是我在我正在工作的模块上启用了拖放功能。用户可以将文件拖到指定的放置区，然后上传文件。这效果非常好。问题是，如果用户错过了，那么上述愚蠢的功能就会接管，用户会发现自己正在查看浏览器中显示的图像(或其他内容)，而不是我的网站上传的文件。

我尝试过这样天真的事情

$(document).on('drop', function(){
    alert('x ');
});

但遗憾的是，此事件仅在用户落在我的有效放置区时触发，这当然不适用于我想要做的事情。

Answer 1

问题中提到的天真的方法似乎出人意料地接近。显然，添加 Dragover 事件就足够了。

$(document).on('drop dragover', function(e){
    e.preventDefault();
});