单击鼠标时的Javascript mouseleave

Question

有没有一种方法可以在拖动元素时检测鼠标离开？

我尝试拖放元素，如果它在视口(viewport)之外，则显示包含 div 元素的弹出窗口。

仅当我不拖动元素时才触发 mouseleave，但如果我尝试拖动到外部，则不会触发 mouseleave

所以鼠标在窗口内没有点击就离开了。单击鼠标离开对我不起作用。

function verifyMouseLeave(el)
{
    console.log(document.onmouseleave);
    document.onmouseleave = function(){
        console.log("Mouse Out!");
        isMouseOver = true;
    }

    document.onmousedown = function(){
        console.log("Mouse Down!");
        isMouseDown = true;
    }

    if(isMouseOver == true && isMouseDown == true)
    {
        showPopup();
        el.remove();
        isMouseOver =false;
        isMouseDown = false;
    }
}

例如，我有三个 div，我想将它们移到视口(viewport)之外。当我开始拖动 div 并在窗口中移动它并释放它时，我希望它保持在与初始位置相同的位置。但是，如果我将它拖出窗口，我想将其从此处删除并显示一个弹出窗口。

非常感谢。

Answer 1

试试 .mouseleave()
绑定(bind)要在鼠标离开元素时触发的事件处理程序，或在元素上触发该处理程序。

https://api.jquery.com/mouseleave/