检测窗口上的拖动事件

Question

我试图像绝望一样想出来，但我无法想出正确的方法。

我试图通过将图片拖放到浏览器中来为用户提供更改背景图片的功能。但是，我无法正确检测拖动事件。使用时

$(window).on 'dragenter', (e) =>
  console.log e.target
$(window).on 'dragleave', (e) =>
  console.log e.target

我总是在单个DOM元素上触发事件，但从不在窗口/正文本身上触发事件，这意味着如果我的DOM元素/容器/包装器不覆盖整个窗口，则它无法正常工作。我知道这是可能的，因为GMail可以让它以某种方式工作，但我真的不知道我在这里做错了什么。

谢谢！

Answer 1

如果我正确解释您的问题，您需要将事件绑定到$（文档）。由于事件传播，一切都应该最终冒泡到文档。如果您只想让拖动适用于页面的特定部分，请尝试使用类/类选择器。