¿Cómo puedo anular la selección de texto usando Javascript o jQuery?

Question

Tengo un elemento arrastrable (jQuery UI) con texto "cancelado". Esto es lo que quiero decir:

$('#main').draggable({ 
     cancel: '#main>* *', 
     start: function(){ 
      // deselect text 
     } 
}); 

Cuando arrastro el elemento, a menudo selecciono el texto por accidente. Quiero anular la selección del texto cuando se arrastra el elemento.

Answer 1

Borrar selección documento document.selection.empty();

Algo así como:

$('#main').draggable({ 
    cancel: '#main>* *', 
    start: function(){ 
     // deselect text 
     document.selection.empty(); 
    } 
}); 

Answer 2

Para cancelar la selección de todo lo que puede utilizar:

document.getSelection().removeAllRanges(); 

Answer 3

jQuery UI ahora incluye .disableSelection(), que se puede utilizar para evitar que el texto dentro de tus elementos de ser seleccionado. La documentación API no es muy útil, pero: http://api.jqueryui.com/disableSelection/

Como nota aparte, la respuesta de Eric G fue de gran ayuda para mí al crear mi propia herramienta de "resaltado de texto", como Lawrence comentó, no va a tirar un error si no se ha seleccionado texto.