Style userSelect-ominaisuus

Määritelmä ja käyttö

userSelect Ominaisuuden asetus tai palautus, estääkö se elementin tekstin valinnan.

Jos napsautat jokin kaksi kertaa, se valitaan/korostetaan. Tämä ominaisuus voidaan käyttää estämään tämä.

Katso myös:

CSS-kiertokirja:user-select-ominaisuus

Esimerkki

Esimerkki 1

Estä <div>-elementin tekstin valinta:

document.getElementById("myDiv").style.userSelect = "none";

Kokeile itse

Esimerkki 2

Hanki elementin "user-select"-ominaisuuden arvo:

document.getElementById("demo").style.userSelect;

Kokeile itse

Syntaksi

Palauta userSelect-ominaisuus:

object.style.userSelect

Aseta userSelect-ominaisuus:

object.style.userSelect = "auto|none|text|all"

Ominaisuuden arvo

Arvo Kuvaus
auto Oletus. Teksti voidaan valita selaimen oletusasetusten mukaan.
none Estä tekstivalinta.
text Teksti voidaan valita käyttäjän toimesta.
all Valitaan teksti napsauttamalla eikä kahdesti.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkkijono, joka ilmaisee, voidaanko elementin tekstiä valita.
CSS-versio: CSS3

Selaimen tuki

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, joka tukee täyttä ominaisuutta.

Numeron jälkeen Webkit, Moz tai O määrittää ensimmäisen version, joka käyttää etuliitettä.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
54.0 79.0
10.0 ms		 69.0 3.1 Webkit 41.0