Stile utenteSeleziona proprietà
Esempio
Impedisci la selezione del testo di un elemento <div>:
document.getElementById("myDiv").style.userSelect = "none";
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà userSelect imposta o restituisce se il testo di un elemento può essere selezionato o meno.
Se fai doppio clic su un testo, verrà selezionato/evidenziato. Questa proprietà può essere utilizzata per impedirlo.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
I numeri seguiti da Webkit, Moz o O specificano la prima versione che ha funzionato con un prefisso.
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 |
Sintassi
Restituisce la proprietà userSelect:
object.style.userSelect
Imposta la proprietà userSelect:
object.style.userSelect = "auto|none|text|all"
Valori di proprietà
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 |
Dettagli tecnici
Valore di default: | auto |
---|---|
Valore di ritorno: | Una stringa, che rappresenta se il testo di un elemento può essere selezionato |
Versione CSS | CSS3 |
Altri esempi
Esempio
Ottieni il valore della proprietà "user-select" di un elemento:
document.getElementById("demo").style.userSelect;
Pagine correlate
Riferimento CSS: proprietà user-select
❮ Oggetto stile