单击鼠标时删除Javascript鼠标

单击鼠标时删除Javascript鼠标,javascript,jquery,mouseleave,Javascript,Jquery,Mouseleave,是否有方法在拖动元素时检测鼠标移动 我尝试拖放和元素,如果它在视口之外,则显示包含来自div的元素的弹出窗口 只有当我不知道的时候,才会发射鼠标;t拖动元素,但如果我尝试拖动到鼠标外,则不会触发鼠标 因此,鼠标离开而不在窗口内单击即可工作。 鼠标点击离开对我不起作用 function verifyMouseLeave(el) { console.log(document.onmouseleave); document.onmouseleave = function(){

是否有方法在拖动元素时检测鼠标移动

我尝试拖放和元素,如果它在视口之外,则显示包含来自div的元素的弹出窗口

只有当我不知道的时候,才会发射鼠标;t拖动元素,但如果我尝试拖动到鼠标外,则不会触发鼠标

因此,鼠标离开而不在窗口内单击即可工作。 鼠标点击离开对我不起作用

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,我想把它们移到视口之外。 当我开始拖动div并在窗口周围移动它并释放它时,我希望它保持与initial相同的位置。但是如果我把它拖出窗口,我想把它从这里移走并显示一个弹出窗口

非常感谢。

试试.mouseleave()
绑定一个事件处理程序,以便在鼠标离开某个元素时触发,或在某个元素上触发该处理程序


如果你指的是HTML5的研发,你读过moz的技术规范吗?

--否则--

从我对代码的了解来看,这里是一个示例,您不应该绑定到文档,而应该绑定到包装器元素。其次,事件应该在您的验证功能之外。因为功能任务是检查两个事件是否同时触发。以下是工作代码:

var isMouseLeave, isMouseDown;
var body = document.getElementById("body")

body.onmouseout = function(){
  console.log("Mouse Out!");
  isMouseLeave = true;
  verifyMouseLeave();
}

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

function verifyMouseLeave(el){
    if(isMouseLeave == true && isMouseDown == true){
        console.log("Show Pop Up")
        isMouseOver = false;
        isMouseDown = false;
   }
}
例如:


请给我们看一个,这样我们就可以看到问题。制作一个片段,解释您的问题。拖动并单击?mouseenter+drag?发布一个示例代码来展示如何实现您的建议是一个好主意。