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

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

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

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

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

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

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

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

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

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

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

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Very Peri
🤔Цвет 2022 года
Институт цвета Pantone объявил цвет 2022 года. Это сиреневый оттенок под названием 17-3938 Very Peri.
#6667ab