Верстка

Як заборонити копіювати текст на сайті

🗓️ Оновлено: 17.08.2022
💬Коментарів: 0
👁️Переглядів: 1911

Я розповім про простий, але дуже ефективний спосіб заборонити копіювання на вашому сайті.

Рішення буде на JavaScript, це означає, що вам необхідно буде додати наступний код до вашого файлу .js

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

Давайте поясню, що цей код робить.

Ви відслідковуєте подію “копіювання”, тобто коли користувач копіює щось (неважливо, через ctrl+c або за допомогою контекстного меню) ми це бачимо. І підмінюємо вміст. Тобто, користувач думає, що копіює текст, але насправді копіює наш текст, який ми написали (його можна змінювати).

Хочу наголосити, що цей спосіб не ідеальний. Однак, відверто кажучи, немає такого способу, який повністю закривав можливість копіювати текст з вашого сайту. Будь-який метод можна оминути.

Якщо постали питання, то запрошуємо до коментарів.

CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Перейти до Telegram
Стаття була корисною?
👍
Так - 25
👎
Ні - 2
Рекомендуємо до прочитання
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Що таке HTML простими словами
Як задати колір тексту в CSS – змінюємо колір тексту за допомогою стилів
💬Коментарі:

CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Перейти до Telegram
Наш рейтинг
🏆Найкращий хостинг для сайту
1
Ukraine
9/10
2
HostPro
8/10
3
TutHost
8/10
4
Hostiq
8/10
5
Cityhost
8/10
6
Freehost
7/10
7
UAhosting
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 56414
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 42572
Поява елементів при скролі
Переглядів: 41858
Як змінити колір SVG у CSS
Переглядів: 29083
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 25882
Перевірка знань
🤔Чи добре ви знаєте 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