-
Свойство CSS
user-select: вы можете использовать CSS, чтобы отключить выделение текста, установив для свойстваuser-selectзначениеnoneдля нужного элемента или элементов. Вот пример:<style> .no-select { user-select: none; } </style> <p class="no-select">This text cannot be selected.</p> -
Обработчики событий JavaScript. Вы можете предотвратить выделение текста, используя обработчики событий JavaScript для захвата события выбора и его отмены. Вот пример использования обработчика событий
onselectstart:<script> document.addEventListener('selectstart', function(event) { event.preventDefault(); }); </script> -
Отключить контекстное меню, вызываемое правой кнопкой мыши. Еще один способ запретить выделение текста — отключить контекстное меню, вызываемое правой кнопкой мыши, которое обычно включает опцию «Копировать». Этого можно добиться с помощью JavaScript:
<script> document.addEventListener('contextmenu', function(event) { event.preventDefault(); }); </script> -
Прозрачное наложение. Вы можете наложить невидимый или полупрозрачный элемент поверх текста, который хотите защитить, что затруднит выбор текста пользователями. Вот пример:
<style> .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; pointer-events: none; } </style> <div class="overlay"></div> <p>This text cannot be selected.</p> -
Методы DRM (управление цифровыми правами). Хотя они не являются специфическими для HTML, вы можете использовать методы DRM для защиты вашего контента от копирования или выбора без разрешения. Решения DRM обычно включают в себя механизмы шифрования и контроля доступа.
Это некоторые распространенные методы предотвращения выделения текста в HTML. Однако важно отметить, что решительные пользователи часто могут найти способы обойти эти ограничения.