Javascript 检测何时将拖动的项目拖出窗口。document.ondragleave()?

Javascript 检测何时将拖动的项目拖出窗口。document.ondragleave()?,javascript,drag-and-drop,mouseevent,addeventlistener,drag-event,Javascript,Drag And Drop,Mouseevent,Addeventlistener,Drag Event,我试图检测HTML元素何时被拖出文档和窗口。但是,dragleave事件会冒泡,因此document.documentElement.ondragleave会被拖动到页面边缘路径中的每个元素触发。触发dragleave的最后一个元素似乎是页面边界的子元素,而不是文档本身 有人知道如何解决这个问题吗 相比之下,mouseleave document.documentElement.addEventListener('mouseleave', (e) => {console.log(e)})

我试图检测HTML元素何时被拖出文档和窗口。但是,
dragleave
事件会冒泡,因此
document.documentElement.ondragleave
会被拖动到页面边缘路径中的每个元素触发。触发
dragleave
的最后一个元素似乎是页面边界的子元素,而不是
文档本身

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

相比之下,
mouseleave

document.documentElement.addEventListener('mouseleave', (e) => {console.log(e)})
效果很好,完全符合我的需要

但是

为每个子元素触发…并且从不为
documentElement
本身触发


我缺少什么?

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

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