Stijl gebruikerSelecteer eigenschap
Voorbeeld
Tekstselectie van een <div>-element voorkomen:
document.getElementById("myDiv").style.userSelect = "none";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap userSelect bepaalt of retourneert of de tekst van een element kan worden geselecteerd of niet.
Als u dubbelklikt op een tekst, wordt deze geselecteerd/gemarkeerd. Deze eigenschap kan worden gebruikt om dit te voorkomen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door Webkit, Moz of O geven de eerste versie aan die met een voorvoegsel werkte.
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 |
Syntaxis
Retourneer de eigenschap userSelect:
object.style.userSelect
Stel de eigenschap userSelect in:
object.style.userSelect = "auto|none|text|all"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een String, die aangeeft of de tekst van een element kan worden geselecteerd |
CSS-versie | CSS3 |
Meer voorbeelden
Voorbeeld
Haal de waarde op van de eigenschap "user-select" van een element:
document.getElementById("demo").style.userSelect;
Gerelateerde pagina's
CSS-referentie: eigenschap door gebruiker te selecteren
❮ Stijlobject