Styl uživatelVyberte vlastnost
Příklad
Zabránit výběru textu prvku <div>:
document.getElementById("myDiv").style.userSelect = "none";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost userSelect nastavuje nebo vrací, zda lze text prvku vybrat nebo ne.
Pokud na nějaký text dvakrát kliknete, bude označen/zvýrazněn. Tuto vlastnost lze použít, aby se tomu zabránilo.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná Webkit, Moz nebo O určují první verzi, která pracovala s předponou.
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 |
Syntax
Vraťte vlastnost userSelect:
object.style.userSelect
Nastavte vlastnost userSelect:
object.style.userSelect = "auto|none|text|all"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | auto |
---|---|
Návratová hodnota: | Řetězec představující, zda lze vybrat text prvku |
Verze CSS | CSS3 |
Další příklady
Příklad
Získejte hodnotu vlastnosti „user-select“ prvku:
document.getElementById("demo").style.userSelect;
Související stránky
CSS reference: user-select property
❮ Objekt stylu