Запрет выделения, копирования и правого клика

Пользователь взаимодействует с веб‑страницей на ноутбуке

Важно: эти приёмы мешают удобству пользователей и не останавливают целенаправленных злоумышленников. Используйте их только как дополнительную мера, а не как единственную защиту контента.

Когда и зачем это использовать

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

Отключение выделения текста через CSS или JavaScript

Вы можете отключить выделение текста для всей страницы или только для части её с помощью CSS, JavaScript или jQuery.

Как отключить выделение текста для всей страницы с помощью JavaScript

Используйте атрибуты onmousedown и onselectstart у тега body — они переопределяют поведение браузера.

        `  
  
   
   
 This is the title of the web page  
   
   
   
 Founded in 2007, MUO has grown into one of the largest online technology publications on the web.  
 Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.  
 We believe that technology is only as useful as the one who uses it.  
 Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.  
 We also encourage readers to use tech in productive and meaningful ways.  
   
   
`

Как отключить выделение части страницы с помощью JavaScript

Добавьте onmousedown и onselectstart к элементам, на которых нужно запретить выделение. В примере ниже выделение отключено во втором div.

        `  
  
   
   
 This is the title of the web page  
   
   
   
 Text selection is enabled for this text.  
   
   
 Text selection is disabled for this text.  
   
   
`

Как отключить выделение всей страницы с помощью CSS

Свойство user-select управляет возможностью выделения. Для кроссбраузерности добавьте префиксы.

Chrome, Opera: user-select
Safari: -webkit-user-select
Mozilla: -moz-user-select
IE 10+: -ms-user-select

Установите все эти свойства в none, чтобы отключить выделение.

        `  
  
   
   
 This is the title of the web page  
   
   
   
   
 Founded in 2007, MUO has grown into one of the largest online technology publications on the web.  
 Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.  
 We believe that technology is only as useful as the one who uses it.  
 Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.  
 We also encourage readers to use tech in productive and meaningful ways.  
   
   
`

Как отключить выделение части страницы с помощью CSS

Присвойте класс или id нужным элементам и установите user-select: none для этого класса.

        `  
  
   
   
 This is the title of the web page  
   
   
   
   
 Text selection is enabled for this text.  
   
   
 Text selection is disabled for this text.  
   
   
`

Отключение вырезания, копирования и вставки с помощью JavaScript

Атрибуты oncut, oncopy и onpaste позволяют перехватывать соответствующие действия. Используйте их на body, чтобы отключить эти операции для всей страницы. При необходимости можно также запретить перетаскивание через ondrag и ondrop.

        `  
  
   
   
 This is the title of the web page  
   
   
   
 Cut, Copy, and Paste is disabled for the below input element.  
   
   
   
`

Отключение вырезания, копирования и вставки с помощью jQuery

С помощью bind() в jQuery можно обработать события cut, copy, paste и отменить их по умолчанию. Подключите jQuery до использования.

        `  
  
   
   
 This is the title of the web page  
   
   
   
   
 Cut, Copy, and Paste is disabled for the complete web page.  
   
   
   
   
`

Отключение правого клика с помощью JavaScript

Атрибут oncontextmenu позволяет запретить открытие контекстного меню браузера.

        `  
  
   
   
 This is the title of the web page  
   
   
   
 Right Click is disabled for the complete web page.  
   
   
   
`

Отключение правого клика с помощью jQuery

Перехватите событие contextmenu и запретите его выполнение.

        `  
  
   
   
 This is the title of the web page  
   
   
   
   
 Right Click is disabled for the complete web page.  
   
   
   
`

Альтернативные подходы и улучшения

Водяные знаки: для изображений используйте видимые или невидимые водяные знаки. Это эффективно против массового копирования медиа.
Серверная логика: ограничьте доступ к контенту через аутентификацию, rate‑limiting и проверку прав на уровне сервера.
API и подписки: вместо публикации полного контента отдавайте данные по API только авторизованным клиентам.
DRM и специализированные платформы: для медиаконтента используйте системы управления правами (DRM).

Когда эти меры не сработают

Технически подкованный пользователь откроет DevTools и скопирует HTML или текст.
Снимок экрана полностью обходится любыми клиентскими запретами.
Боты, имитирующие браузер, могут обойти простые проверки JavaScript.

Эвристики для выбора подхода

Если цель — улучшить UX и минимизировать копирование, не мешайте обычным действиям.
Для публичных статей — не применять агрессивные блокировки.
Для платного или эксклюзивного контента — комбинируйте серверную защиту и мониторинг.

Чек‑лист по ролям

Веб‑разработчик:
- Добавить user-select и/или onselectstart там, где нужно.
- Тестировать на разных браузерах и устройствах.
Владелец контента:
- Оценить влияние на пользователей.
- Решить, стоит ли вводить ограничения для всего сайта.
Администратор безопасности:
- Обеспечить серверную защиту и мониторинг утечек.

Краткий словарь (1‑строчное определение)

user-select: CSS‑свойство, управляющее возможностью выделять текст.
onselectstart/oncontextmenu: DOM‑события, позволяющие перехватывать выделение и контекстное меню.
bind(): jQuery‑метод для привязки обработчиков событий.

Советы по тестированию и критерии приёмки

Проверить на Chrome, Firefox, Safari, Edge и мобильных браузерах.
Убедиться, что обычная навигация и формы не ломаются.
Критерии приёмки: выбранный участок нельзя выделить в основных браузерах, контекстное меню не открывается при правом клике, и операции cut/copy/paste блокируются в тестовых полях.

Безопасность и конфиденциальность

Клиентские меры не защищают от целевых атак. Обеспечьте:

Контроль доступа на сервере;
Логи и оповещения о подозрительной активности;
GDPR‑совместимость при обработке персональных данных (удалять/анонимизировать логи при необходимости).

Когда лучше не применять такие запреты

На сайтах с большим числом пользователей и интерактивными статьями (это ухудшит доступность).
Если контент ориентирован на цитирование, обучение или обмен — запреты мешают легитимному использованию.

Краткое резюме

Отключение выделения, копирования и правого клика реализуется через CSS (user-select), нативный JavaScript (onselectstart, oncontextmenu, oncopy и т.д.) и jQuery (bind/contextmenu). Эти меры уменьшают простое копирование, но не являются надёжной защитой от целенаправленных попыток извлечь контент. Комбинируйте клиентские трюки с серверной защитой, водяными знаками и правовой защитой для лучшего результата.

Заметка: всегда тестируйте изменения на основных браузерах и учитывайте доступность и удобство использования.