Как запретить выделение в браузере на javascript?

Пользователь

от karen.wisozk , в категории: JavaScript , 7 месяцев назад

Как запретить выделение в браузере на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от enid , 7 месяцев назад

@karen.wisozk 

Вот несколько способов, которые можно использовать для запрета выделения текста в браузере с помощью JavaScript:

  1. С помощью CSS:


Можно применить стиль user-select к элементу, который должен быть не выделяемым. Значение none отключает выделение.

1
2
3
4
5
6
.non-selectable {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* стандарт */
}


  1. С помощью JavaScript:


Можно использовать событие onselectstart для предотвращения выделения текста. Это событие происходит, когда пользователь начинает выделять текст.

1
2
3
<div onselectstart="return false;">
  Этот текст нельзя выделить
</div>


  1. С помощью обработчика события mousedown:


Можно отменить выделение при щелчке мыши на элементе. Это можно сделать, установив обработчик события mousedown и отменяя стандартное поведение браузера.

1
2
3
<div onmousedown="return false;">
  Этот текст нельзя выделить
</div>


Обратите внимание, что некоторые пользователи могут быть раздражены, если им не позволяют выделять текст на веб-странице. Поэтому следует использовать запрет выделения только в тех случаях, когда это необходимо для достижения определенных целей.