Как запретить копировать текст на сайте

🗓️ Обновлено: 17.08.2022
💬Комментариев: 0
👁️Просмотров: 1140

Я расскажу про простой, но очень эффективный способ, как запретить копирование на вашем сайте.

Решение будет на JavaScript, это значит, что вам необходимо будет добавить следующий код в ваш файл .js

document.addEventListener("copy", (evt) => {
  evt.clipboardData.setData("text/plain", "Копирование запрещено");
  evt.preventDefault();
}, false);

Давайте объясню, что этот код делает.

Вы отслеживаете событие «копирование», то есть, когда пользователь копирует что-то (неважно, через ctrl+c или с помощью контекстного меню) мы это видим. И подменяем содержимое. То есть пользователь думает, что копирует текст, но на самом деле копирует наш текст, который мы написали (его можно менять).

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

Если появились вопросы, то приглашаем в комментарии.

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Статья была полезной?
👍
Да - 20
👎
Нет - 2
💬Комментарии:

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 27364
Появление элементов при скролле
Просмотров: 23786
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 14735
Как выровнять картинку по центру с помощью CSS
Просмотров: 12966
Перенос сайта на Тильде на свой хостинг. Пошаговое руководство
Просмотров: 10750
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Viva Magenta
🤔Цвет 2023 года
Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.
#bb2649