UserSelect - Eigenschaft formatieren
Beispiel
Textauswahl eines <div>-Elements verhindern:
document.getElementById("myDiv").style.userSelect = "none";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die userSelect-Eigenschaft legt fest oder gibt zurück, ob der Text eines Elements ausgewählt werden kann oder nicht.
Wenn Sie auf einen Text doppelklicken, wird er ausgewählt/hervorgehoben. Diese Eigenschaft kann verwendet werden, um dies zu verhindern.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von Webkit, Moz oder O geben die erste Version an, die mit einem Präfix funktioniert hat.
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
Geben Sie die userSelect-Eigenschaft zurück:
object.style.userSelect
Legen Sie die userSelect-Eigenschaft fest:
object.style.userSelect = "auto|none|text|all"
Eigenschaftswerte
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
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der darstellt, ob der Text eines Elements ausgewählt werden kann |
CSS-Version | CSS3 |
Mehr Beispiele
Beispiel
Rufen Sie den Wert der Eigenschaft "user-select" eines Elements ab:
document.getElementById("demo").style.userSelect;
Verwandte Seiten
CSS-Referenz: vom Benutzer ausgewählte Eigenschaft
❮ Style-Objekt