Ιδιότητα Style userSelect

Ορισμός και χρήση

userSelect Ρύθμιση ή επιστροφή αν μπορεί να επιλεγεί το κείμενο του στοιχείου.

Αν διογκώσετε με διπλό κλικ σε κάποιο κείμενο, αυτό θα επιλεγεί/αυξήσει την ένταση. Αυτή η ιδιότητα μπορεί να χρησιμοποιηθεί για να αποτρέψει αυτό το φαινόμενο.

Δείτε επίσης:

Οδηγός CSSΙδιότητα user-select

Παράδειγμα

Παράδειγμα 1

Πρόληψη επιλογής κειμένου του στοιχείου <div>:

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

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αποκτήστε την τιμή της ιδιότητας "user-select" του στοιχείου:

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

Δοκιμάστε το προσωπικά

Γραμματική

Επιστροφή της ιδιότητας userSelect:

object.style.userSelect

Ρύθμιση της ιδιότητας userSelect:

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

Τιμή της ιδιότητας

Τιμή Περιγραφή
auto Προεπιλεγμένο. Το κείμενο μπορεί να επιλεγεί σύμφωνα με τις προεπιλεγμένες ρυθμίσεις του προγράμματος περιήγησης.
none Πρόληψη επιλογής κειμένου.
text Το κείμενο μπορεί να επιλεγεί από τον χρήστη.
all Η επιλογή κειμένου γίνεται με κλικ αντί για διπλό κλικ.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Αποτελεσματική τιμή: Συνολοτελεία, σημαίνει αν ο κείμενος του στοιχείου μπορεί να επιλεγεί.
Έκδοση CSS: CSS3

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στη διάταξη σημαίνει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Η αριθμητική ακολουθείται από το Webkit, Moz ή O για να καθοριστεί η πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

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