javascript - 检查文件何时被拖到网站

Question

我一直在尝试检查何时使用 javascript 将文件拖到我的网站上。我试过放置一个覆盖整个站点的“hitbox”div:

<div id="Drag-File-Hitbox" ondragover="BGDragFileOver()">
</div>
<style>
#Drag-File-Hitbox {
    position: absolute;
    width: 100%;
    height:100%;
    margin: 0;
    padding:0;

    z-index: 999999999;
}
</style>

每当我将一个文件拖到我的网站时，它会执行我想要的操作，但我无法单击背景中的内容，例如我的导航栏。我也试过将 ondragover 事件放在 body 标签上，但这也没有用。

Answer 1

我改用 jQuery 修复了它，下面是适用于可能偶然发现相同问题的其他人的代码。

$(document).ready(function(){
   $(window).on('dragenter', function(){
      do stuff
   });
});