Стиль userSelect Property
Пример
Предотвратить выделение текста элемента <div>:
document.getElementById("myDiv").style.userSelect = "none";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство userSelect задает или возвращает, можно ли выделить текст элемента.
Если дважды щелкнуть какой-либо текст, он будет выделен/выделен. Это свойство можно использовать для предотвращения этого.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует Webkit, Moz или O, указывают на первую версию, которая работала с префиксом.
| 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 |
Синтаксис
Вернуть свойство userSelect:
object.style.userSelect
Установите свойство userSelect:
object.style.userSelect = "auto|none|text|all"
Значения свойств
| 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 |
Технические детали
| Значение по умолчанию: | авто |
|---|---|
| Возвращаемое значение: | Строка, представляющая, можно ли выделить текст элемента. |
| CSS-версия | CSS3 |
Дополнительные примеры
Пример
Получите значение свойства «user-select» элемента:
document.getElementById("demo").style.userSelect;
Связанные страницы
Справочник по CSS: свойство, выбираемое пользователем
❮ Объект стиля