Cuando hago clic en un lienzo y arrastro el mouse, el cursor cambia a un cursor de selección de texto. ¿Cómo puedo prevenir esto?

Question

Aquí hay un violín: http://jsfiddle.net/MZ9Xm/

Nota: Lo siguiente ocurre en Chrome 22.0.1221.1, pero no en Firefox 14.0.1. [Ubuntu Linux]

Mueva el mouse hacia el lienzo superior y mantenga presionado el botón del mouse. Arrastre el mouse y el cursor cambiará a un cursor de mouse de selección de texto (I-bar). Esto no ocurre si no hay otros elementos en la página.

Me he equivocado al configurar la selección del usuario a ninguna, pero no he tenido suerte.

Answer 1

Puede enlazar un evento de mousedown en su lienzo para evitar el comportamiento predeterminado.

Algo así como:

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

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

Aquí está el violín actualización: http://jsfiddle.net/MZ9Xm/1/

Usted tendrá que probar esto para ver si hay algún efecto secundario en lo que está haciendo.

Answer 2

¿Ha intentado utilizar el CSS cursor property?

canvas { 
    cursor: pointer; 
} 

Debería mostrar el cursor predeterminado.

Answer 3

Prueba esto:

var canvasEls = document.getElementsByTagName('canvas'), 
    preventHl = function() { return false; }, 
    i = 0; 

while (i < canvasEls.length) { 
    canvasEls[i].onmousedown = preventHl; 
    i += 1; 
} 

Volviendo falsa impedirá acciones predeterminadas tales como poner de relieve que se produzcan.