jQuery的拖放阻止

Question

我有一個簡單的繪圖應用程序，您可以使用它來爲表格的單元格着色，並且如果按住鼠標按鈕，則可以在移動鼠標時爲多個單元格着色。看到這裏的例子：http://jsfiddle.net/mFzkG/21/

它運行良好，唯一的問題是，在某些情況下在鼠標懸掛瀏覽器認爲我做了拖放，所以它不會停止在mouseup，只有當我用鼠標點擊。

有沒有人知道一種方法來防止拖放功能或有任何想法如何解決這個問題？

謝謝！

Answer 1

我相信這應該這樣做：

  $('td').mousedown(function(e) {  
       e.preventDefault(); 
       isMouseDown = true; 
      }); 

您可能還需要您mouseup事件添加到全身，因此如果鼠標去框和隨後的按鈕被放開之外，它仍然重置。

  $("body").mouseup(function() { 
       isMouseDown = false; 
      }); 

在一個側面說明，不要放在的jsfiddle html和body標籤或標籤style在CSS面板。