Styl userSelect Property
Przykład
Zapobiegaj zaznaczaniu tekstu elementu <div>:
document.getElementById("myDiv").style.userSelect = "none";
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość userSelect ustawia lub zwraca, czy tekst elementu może być zaznaczony, czy nie.
Jeśli klikniesz dwukrotnie jakiś tekst, zostanie on zaznaczony/podświetlony. Ta właściwość może służyć, aby temu zapobiec.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Liczby, po których następuje Webkit, Moz lub O, określają pierwszą wersję, która działała z przedrostkiem.
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 |
Składnia
Zwróć właściwość userSelect:
object.style.userSelect
Ustaw właściwość userSelect:
object.style.userSelect = "auto|none|text|all"
Wartości nieruchomości
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 |
Szczegóły techniczne
Domyślna wartość: | automatyczny |
---|---|
Wartość zwrotu: | String, reprezentujący czy tekst elementu może być zaznaczony |
Wersja CSS | CSS3 |
Więcej przykładów
Przykład
Pobierz wartość właściwości „user-select” elementu:
document.getElementById("demo").style.userSelect;
Powiązane strony
Odniesienie CSS: właściwość wyboru użytkownika
❮ Obiekt stylu