当我单击画布并拖动鼠标时,光标将变为文本选择光标.我怎么能阻止这个？

Question

这是一个小提琴:http://jsfiddle.net/MZ9Xm/

注意:以下内容适用于Chrome 22.0.1221.1,但不适用于Firefox 14.0.1.[Ubuntu linux]

将鼠标移动到顶部画布,然后按住鼠标按钮.拖动鼠标,光标将变为文本选择鼠标光标(I-bar).如果页面上没有其他元素,则不会发生这种情况.

我已经搞砸了将用户选择设置为无,但没有任何运气.

Answer 1

您可以在画布中绑定mousedown事件以防止默认行为.

就像是:

// with jQuery
$( "#canvasId" ).mousedown(function(event){
    event.preventDefault();
});

// without jQuery
document.getElementById( "canvasId" ).onmousedown = function(event){
    event.preventDefault();
};

这是更新的小提琴:http://jsfiddle.net/MZ9Xm/1/

您需要对此进行测试,以确定您正在做的事情是否存在某些副作用.