检测拖动的项目何时被拖出窗口。文档.ondragleave()？答案

【问题标题】：Detect when a dragged item is dragged out of the window. document.ondragleave()?检测拖动的项目何时被拖出窗口。文档.ondragleave()？
【发布时间】：2020-11-10 01:08:59
【问题描述】：

我正在尝试检测何时将 HTML 元素拖出文档和窗口。但是，dragleave 事件会冒泡，所以document.documentElement.ondragleave 会在拖动离开到页面边缘的路径中的每个元素时触发。似乎最后一个触发dragleave 的元素是页面边界的子元素，而不是document 本身。

有人知道如何解决这个问题吗？

相比之下，mouseleave

document.documentElement.addEventListener('mouseleave', (e) => {console.log(e)})

效果很好，完全符合我的需要。

但是

document.documentElement.addEventListener('dragleave', (e) => {console.log(e)})

为每个子元素触发......并且永远不会为documentElement 本身触发。

我错过了什么？

【问题讨论】：

标签： javascript drag-and-drop mouseevent addeventlistener drag-event

【解决方案1】：

document.addEventListener('dragleave', (e) => {console.log(e)})

【讨论】：