Haciendo texto no seleccionable

Por lo tanto, mientras juego con barras de desplazamiento y cosas en HTML5, estoy empezando a notar una tendencia molesta. Si tengo texto cerca de mi elemento que está siendo arrastrado (por ejemplo, una barra de fregado para un video, barra de desplazamiento, cualquier cosa que un usuario haga clic y arrastre), el texto cercano se seleccionará, como si no estuviera usando un control, simplemente arrastrando sobre la página.Haciendo texto no seleccionable

Esto es terriblemente molesto, y parece que no puedo encontrar la cadena correcta para buscar en google para averiguar si es posible hacer ciertos elementos "no seleccionables".

Alguien sabe cómo hacer esto?

Fuente

2011-03-06 Jesse

Varía según el navegador. Estas propiedades CSS se centrará en WebKit y basados en Gecko navegadores, así como cualquier navegador futuro que apoyan user-select:

user-select: none; 
-webkit-user-select: none; 
-moz-user-select: none;

Fuente

2011-03-06 00:28:19 icktoofay

¡Impresionante! Me avergüenza haber llegado hasta aquí sin saber eso. – Jesse

Simplemente sepa que el '-moz' solo hace que la apariencia de la selección sea invisible, no la desactiva funcionalmente. https://developer.mozilla.org/en/CSS/-moz-user-select – Marcel

También hay '-o-user-select' para Opera y la propiedad de expansión' no seleccionable' para IE. Ver mi respuesta para más detalles. –

En IE se puede hacer que el texto inmediatamente dentro de un elemento no seleccionable (es decir, no se aplica al texto en sus hijos) utilizando el atributo unselectable="on".

Tenga en cuenta que si aplica desde javascript, DEBE usar el.setAttribute("unselectable","on"). Solo probando el.unselectable="on" no funcionará. (Probado en IE9).

Fuente

2012-07-22 09:18:53 Doin

Tiene razón cuando IE9 está en modo estándar (en modos de compatibilidad, la propiedad 'no seleccionable 'funciona bien). Ahora he actualizado cinco de mis respuestas que implican 'no seleccionables' (aparentemente esa es la cantidad máxima de ediciones permitidas para sus propias publicaciones en un día. No tengo idea de por qué). Es extraño que una de sus ediciones haya sido aprobada y una idéntica haya sido rechazada. –

Algunos antecedentes sobre por qué este cambio ha sucedido en IE 9: http://msdn.microsoft.com/en-us/library/ie/gg622931%28v=vs.85%29.aspx –

Respuesta

Cuestiones relacionadas