cómo evitar la selección de text al arrastrar el mouse en Firefox?

Me pregunto cómo esos drag and drop widgets cancelar la selección de text en el elemento de arrastre y otros elementos en la página. Probé el siguiente código que funciona en IE8 (no puede seleccionar text) pero no funciona (aún puede seleccionar text) en Firefox.

<!DOCTYPE html> <html> <body> <p>Hello World</p> <script type="text/javascript"> document.onmousemove = function() { return false; } </script> </body> </html> 

O, análoga a su solución IE8 para Moz:

 document.body.style.MozUserSelect="none" 

Hubo un caso en el que tenía una barra de desplazamiento horizontal y el text en la página se estaba seleccionando mientras arrastraba la barra de desplazamiento. Usé jQuery para agregar una class "no seleccionable" al cuerpo cuando se disparó mi function de inicio de desplazamiento, y eliminé la class cuando se ejecutó mi function de parada de desplazamiento. Al igual que:

 function startDrag(event){ $('body').addClass('unselectable'); // start drag code } function stopDrag(event){ $('body').removeClass('unselectable'); // stop drag code } 

Y así es como se veía la class no seleccionable en mi documento CSS.

 .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }