jQuery拖放防止

我有一个简单的绘图应用程序，你可以用它给表格的单元格上色，如果你按住鼠标按钮，你可以在移动鼠标时给多个单元格上色。请参见此处的示例：

它工作得很好，唯一的问题是，在某些情况下，在mousehold上，浏览器认为我正在进行拖放操作，因此它不会在mouseup上停止，只有在我用鼠标单击时才会停止

有人知道防止拖放功能的方法吗，或者知道如何解决这个问题吗

---

谢谢

我认为这应该做到：

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

您可能还想将

mouseup

事件添加到整个身体中，这样，如果鼠标离开盒子，然后松开按钮，它仍然会重置

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

---

另外，不要将

html

和

body

标记放在JSFIDLE中，也不要将

style

标记放在css窗格中。

感谢您的帮助！太棒了！也谢谢你的旁注！