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

@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>

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