检查文件何时被拖到网站答案

【问题标题】：Check when file is being dragged to website检查文件何时被拖到网站
【发布时间】：2018-06-22 03:45:52
【问题描述】：

我一直在尝试检查何时使用 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 标记上，但这也不起作用。

【问题讨论】：

如果您希望能够将文件拖放到页面上的任何位置，请检查以下问题：How do I detect a HTML5 drag event entering and leaving the window, like Gmail does?
stackoverflow.com/questions/8414154/…

标签： javascript html css

【解决方案1】：

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

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

【讨论】：