您可以向调用preventDefault()所有拖放事件的窗口添加事件侦听器。
例子：

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

经过大量摆弄后，我发现这是最稳定的解决方案：

var dropzoneId = "dropzone";

window.addEventListener("dragenter", function(e) {
  if (e.target.id != dropzoneId) {
    e.preventDefault();
    e.dataTransfer.effectAllowed = "none";
    e.dataTransfer.dropEffect = "none";
  }
}, false);

window.addEventListener("dragover", function(e) {
  if (e.target.id != dropzoneId) {
    e.preventDefault();
    e.dataTransfer.effectAllowed = "none";
    e.dataTransfer.dropEffect = "none";
  }
});

window.addEventListener("drop", function(e) {
  if (e.target.id != dropzoneId) {
    e.preventDefault();
    e.dataTransfer.effectAllowed = "none";
    e.dataTransfer.dropEffect = "none";
  }
});

<div id="dropzone">...</div>

在窗口上同时设置effectAllow和dropEffect无条件设置会导致我的拖放区不再接受任何 dnd，无论属性是否设置为新的。

对于 jQuery，正确答案是：

$(document).on({
    dragover: function() {
        return false;
    },
    drop: function() {
        return false;
    }
});

这里return false将表现为event.preventDefault()和event.stopPropagation()。

要仅允许在某些元素上拖放，您可以执行以下操作：

window.addEventListener("dragover",function(e){
  e = e || event;
  console.log(e);
  if (e.target.tagName != "INPUT") { // check which element is our target
    e.preventDefault();
  }
},false);
window.addEventListener("drop",function(e){
  e = e || event;
  console.log(e);
  if (e.target.tagName != "INPUT") {  // check which element is our target
    e.preventDefault();
  }  
},false);

注意：虽然 OP 没有要求提供 Angular 解决方案，但我是来这里寻找的。所以这是分享我发现的一个可行的解决方案，如果你使用 Angular。

根据我的经验，当您向页面添加文件放置功能时，首先会出现此问题。因此，我的观点是，添加此内容的组件也应该负责防止放置在放置区之外。

在我的解决方案中，拖放区是一个带有类的输入，但任何明确的选择器都可以工作。

import { Component, HostListener } from '@angular/core';
//...

@Component({
  template: `
    <form>
      <!-- ... -->
      <input type="file" class="dropzone" />
    </form>
  `
})
export class MyComponentWithDropTarget {

  //...

  @HostListener('document:dragover', ['$event'])
  @HostListener('drop', ['$event'])
  onDragDropFileVerifyZone(event) {
    if (event.target.matches('input.dropzone')) {
      // In drop zone. I don't want listeners later in event-chain to meddle in here
      event.stopPropagation();
    } else {
      // Outside of drop zone! Prevent default action, and do not show copy/move icon
      event.preventDefault();
      event.dataTransfer.effectAllowed = 'none';
      event.dataTransfer.dropEffect = 'none';
    }
  }
}

创建/销毁组件时会自动添加/删除侦听器，并且由于stopPropagation()，同一页面上使用相同策略的其他组件不会相互干扰。