html - 仅在 div 中的 HTML 5 Drop File

Question

我正在做 JSF primefaces 项目。我们在 div id="dropBox" 中有 primefaces 文件上传组件，它接受拖放文件。通常，如果您将文件拖放到页面上的任何位置，浏览器会打开它。我想禁用此行为并且只允许在 div dropBox 中放置。以下代码禁用整个页面上的文件拖放。

$(document).bind({
   dragenter: function (e) {
      e.stopPropagation();
      e.preventDefault();
      var dt = e.originalEvent.dataTransfer;
      dt.effectAllowed = dt.dropEffect = 'none';

   },
   dragover: function (e) {
      e.stopPropagation();
      e.preventDefault();
      var dt = e.originalEvent.dataTransfer;
        dt.effectAllowed = dt.dropEffect = 'none';

   }
});