Estilo userSelect Propriedade
Exemplo
Impedir a seleção de texto de um elemento <div>:
document.getElementById("myDiv").style.userSelect = "none";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade userSelect define ou retorna se o texto de um elemento pode ser selecionado ou não.
Se você clicar duas vezes em algum texto, ele será selecionado/realçado. Essa propriedade pode ser usada para evitar isso.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Números seguidos por Webkit, Moz ou O especificam a primeira versão que funcionou com um prefixo.
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 |
Sintaxe
Retorne a propriedade userSelect:
object.style.userSelect
Defina a propriedade userSelect:
object.style.userSelect = "auto|none|text|all"
Valores de propriedade
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 |
Detalhes técnicos
Valor padrão: | auto |
---|---|
Valor de retorno: | Uma String, representando se o texto de um elemento pode ser selecionado |
Versão CSS | CSS3 |
Mais exemplos
Exemplo
Obtenha o valor da propriedade "user-select" de um elemento:
document.getElementById("demo").style.userSelect;
Páginas relacionadas
Referência CSS: propriedade de seleção do usuário
❮ Objeto de estilo