Свойство userSelect
Пример style.userSelect
Запретить выделение текста элемента <div>:
document.getElementById("myDiv").style.userSelect = "none";
Попробуйте сами »
Ещё примеры ниже.
Описание userSelect
Свойство userSelect устанавливает или возвращает, можно ли выделить текст элемента.
Если дважды щелкнуть по тексту, он будет выбран/выделен. Это свойство можно использовать, чтобы предотвратить это.
Поддержка userSelect
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
Цифры, за которыми следует ms или Webkit, указывают на первую версию, работавшую с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| userSelect | 54.0 | 79.0 10.0 ms |
69.0 | 3.1 Webkit | 41.0 |
Синтаксис userSelect
Вернуть свойство userSelect:
object.style.userSelect
Установите свойство userSelect:
object.style.userSelect = "auto|none|text|all"
Значение свойства userSelect
| Параметр | Description |
|---|---|
| auto | По умолчанию. Текст можно выделить в соответствии с настройками браузера по умолчанию |
| none | Запретить выделение текста |
| text | Текст может быть выделен пользователем |
| all | Выделение текста выполняется одним щелчком вместо двойного щелчка |
Технические детали userSelect
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, указывающая, можно ли выделить текст элемента. |
| CSS Версия | CSS3 |
Ещё примеры userSelect
Получить значение свойства "user-select" элемента:
document.getElementById("demo").style.userSelect;Попробуйте сами »
Связанные страницы userSelect
CSS Справочник: Свойство user-select