MOUSEDOWN触发事件，那么当鼠标被移动关闭元件和MouseUp触发它不起作用

Question

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

在示例中，用户点击时上述和同时按住鼠标按钮向下拖动向左或向右了画布和然后将手指从振荡器音符挂起的鼠标上移开。我想解决这个问题。我很好奇，如果他们是一个简单的方法，这样做..

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

在这种情况下，HTML元素将是canvas元素因为这是用户点击。

作为一个尝试解决这个问题，我通过将它的CSS宽度和高度设置为100％来使body元素包含页面。

然后我创建了一个函数，该函数使用mouseup click处理程序来启动oscillator.stop（）方法来选择body元素。这仅在用户将鼠标移动到页面的一侧时才起作用，但当他们将向下移动时，它仍然会创建悬挂笔记。

这个伪解决方案是在这里：

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

Answer 1

我认为这类似的问题的答案你的。

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

下面是它的代码从一个叫迈克的家伙：

var isDown = false; 

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

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

有额外的代码处理在thelink边缘案件。