Style userSelect property

Definicja i użycie

userSelect Ustawienie lub zwracanie wartości, która określa, czy tekst elementu może być wybierany.

Jeśli podwójnie klikniesz na pewien tekst, zostanie on zaznaczony/podświetlony. Ta właściwość może zapobiec temu.

Inne zasoby:

CSS Reference Manual:Atrybut user-select

Przykład

Przykład 1

Prezentacja zapobiegania wybieraniu tekstu elementu <div>:

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

Spróbuj sam

Przykład 2

Pobierz wartość atrybutu "user-select" elementu:

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

Spróbuj sam

Gramatyka

Zwróć atrybut userSelect:

object.style.userSelect

Ustawienie atrybutu userSelect:

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

Wartość atrybutu

Wartość Opis
auto Domyślnie. Tekst może być wybierany zgodnie z ustawieniami domyślnymi przeglądarki.
none Prezentacja tekstu zapobiega jego wybieraniu.
text Tekst może być wybrany przez użytkownika.
all Wybieranie tekstu poprzez kliknięcie zamiast podwójnego kliknięcia.

Techniczne szczegóły

Domyślna wartość: auto
Zwracana wartość: Ciąg znaków, który wskazuje, czy tekst elementu może być wybrany.
Wersja CSS: CSS3

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczba po stronie Webkit, Moz lub O wskazuje na pierwszą wersję używającę prefiksu.

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