问题描述
我试图检测何时将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)})