javascript - jQuery拖放区效果

我正在尝试这样做，当你把一个文件拖到浏览器中时，一个拖放区域将出现，当你离开浏览器（或拖放文件）时，该拖放区域效果将消失。
然而，dragover和dragleave事件似乎并没有像我所希望的那样触发，因为当您将文件拖到浏览器中时，拖放区域将永远显示和隐藏。
JSFiddlehttp://jsfiddle.net/3vxgtkr0/
HTML格式：
<div class="drop-window"> <div class="drop-window-content"> <h3>Drop files to upload</h3> </div></div>
JS公司：

var dropZone = $(document);
var dropWindow = $('.drop-window');

function onDragOver (e) {
    dropWindow.show();
}

function onDragEnter (e) {
}

function onDragLeave (e) {
    dropWindow.hide();
}

function onDrop (e) {
    e.preventDefault();
}

dropZone.on('dragover', onDragOver);
dropZone.on('dragenter', onDragEnter);
dropZone.on('dragleave', onDragLeave);
dropZone.on('drop', onDrop);

最佳答案

尝试添加

pointer-events:none;

放置窗口类的css。DEMO

关于javascript - jQuery拖放区效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27680292/