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面板。