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

问题描述

我试图检测何时将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本身不会触发。

我想念什么?

解决方法

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