jQuery拖放防止

时间:2012-06-06 15:51:22

标签: jquery drag-and-drop

我有一个简单的绘图应用程序,您可以使用该应用程序为表格的单元格着色,如果按住鼠标按钮,则可以在移动鼠标时为多个单元格着色。请参阅此处的示例:http://jsfiddle.net/mFzkG/21/

效果很好,唯一的问题是在某些情况下,在mousehold上,浏览器认为我正在进行拖放操作,因此只有在用鼠标点击时才会停止鼠标。

有人知道一种防止拖放功能的方法,或者知道如何解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:2)

我相信应该这样做:

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

你可能还想将你的mouseup事件添加到整个身体中,这样如果鼠标移出盒子然后松开按钮,它仍然会重置。

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

在旁注中,请勿将htmlbody标记放在cs窗格中的jsfiddle或style标记中。