@karen.wisozk
Вот несколько способов, которые можно использовать для запрета выделения текста в браузере с помощью JavaScript:
Можно применить стиль 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; /* стандарт */ } |
Можно использовать событие onselectstart
для предотвращения выделения текста. Это событие происходит, когда пользователь начинает выделять текст.
1 2 3 |
<div onselectstart="return false;"> Этот текст нельзя выделить </div> |
Можно отменить выделение при щелчке мыши на элементе. Это можно сделать, установив обработчик события mousedown
и отменяя стандартное поведение браузера.
1 2 3 |
<div onmousedown="return false;"> Этот текст нельзя выделить </div> |
Обратите внимание, что некоторые пользователи могут быть раздражены, если им не позволяют выделять текст на веб-странице. Поэтому следует использовать запрет выделения только в тех случаях, когда это необходимо для достижения определенных целей.