javascript - mousedown 触发事件，然后当鼠标移离元素并且 mouseup 触发时它不起作用

Question

http://jsfiddle.net/63Y54/2/

在上面的示例中，当用户在按住鼠标按钮的同时单击并向左或向右拖动 Canvas 时，然后将手指从鼠标上移开，振荡器音符就会挂起。我想解决这个问题。我很好奇他们是否是一种简单的方法来做类似的事情..

if (mouseup == !htmlElement){
     then....
}

在这种情况下，html 元素将是 canvas 元素，因为这就是用户单击的内容。

为了解决这个问题，我将 body 元素的 CSS 宽度和高度设置为 100%，使其包围页面。

然后，我创建了一个函数，该函数使用 mouseup 单击处理程序来选择 body 元素，该处理程序启动 Oscillator.stop() 方法。仅当用户将鼠标移动到页面一侧时，此功能才有效，但当他们向下移动时，它仍然会创建一个悬挂注释。

这个伪解决方案在这里:

http://jsfiddle.net/63Y54/5/

Answer 1

我认为这个类似的问题可以回答你的问题。

jQuery detect mousedown inside an element and then mouseup outside the element

这是来自一个名叫 Mike 的人的代码:

    var isDown = false;

    $("#element").mousedown(function(){
         isDown = true;
    });

    $(document).mouseup(function(){
        if(isDown){
            //do something
        isDown = false;
    }

链接中还有处理边缘情况的附加代码。