Estilo de propiedad de selección de usuario
Ejemplo
Impedir la selección de texto de un elemento <div>:
document.getElementById("myDiv").style.userSelect = "none";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad userSelect establece o devuelve si el texto de un elemento se puede seleccionar o no.
Si hace doble clic en algún texto, se seleccionará/resaltará. Esta propiedad se puede utilizar para evitar esto.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de Webkit, Moz u O especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 6.0 Webkit |
79.0 10.0 ms |
69.0 2.0 Moz |
3.1 Webkit | 41.0 15.0 Webkit |
Sintaxis
Devuelve la propiedad userSelect:
object.style.userSelect
Establezca la propiedad userSelect:
object.style.userSelect = "auto|none|text|all"
Valores de propiedad
Parameter | Description |
---|---|
auto | Default. Text can be selected according to the browser's default settings |
none | Prevent text selection |
text | The text can be selected by the user |
all | Text selection is made with one click instead of a double-click |
Detalles técnicos
Valor por defecto: | auto |
---|---|
Valor devuelto: | Una cadena, que representa si se puede seleccionar el texto de un elemento |
Versión CSS | CSS3 |
Más ejemplos
Ejemplo
Obtenga el valor de la propiedad "selección de usuario" de un elemento:
document.getElementById("demo").style.userSelect;
páginas relacionadas
Referencia de CSS: propiedad de selección de usuario
❮ Objeto de estilo