Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » Защита текстов от копирования

Защита текстов от копирования

galina2601 24-02-2021, 22:03 80 Уроки по HTML

Защита текстов на сайте - дело неблагодарное.

Даже если вы запретите все возможности прямого копирования, есть несколько возможностей воровства текстов.

Первый, самый сложный. Просто сесть и переписать текст с сайта в блокнот. Да, медленно. Да, тяжело. Но от данного метода копирования не убережёт никто.

Второй- сделать скриншот текста и отправить в программу распознавания текстов, типа Fine Reader. Тоже не просто, но полегче, чем первый.

Единственная надежда на то, что практически никто из "копипастеров" на это не способен. Их и зовут "копипастеры" потому, что они умеют только нажимать пункты меню Copy и Past, то есть Копировать и Вставить.

Поэтому защита от копипастеров - это почти наверняка и возможность и полной защиты.


Варианты защиты текстов:

  • Запретить копировать текст с сайта
  • При копировании текста добавить к нему копирайт
  • Отключить выделение текста в браузере

Начнём по пунктам.

Пункт первый.  Запретить копировать текст с сайта

самый простой способ - добавить атрибут oncopy="return false;" к тегу < body >


<!DOCTYPE html>
<html lang="ru">
<head>
<title></title>
</head>
<body oncopy="return false;">
...
</body>
</html>
На этом всё!

Пункт второй.  При копировании текста добавить к нему копирайт

Тут уже простыми атрибутами не обойдешься.
Нужно добавить java-скрипт.


document.oncopy = function(){
var body = document.getElementsByTagName('body')[0];
var selection = window.getSelection();
var div = document.createElement('div');

div.style.position = 'absolute';
div.style.left = '-99999px';
body.appendChild(div);
div.innerHTML = selection + ' Источник: Site.com';
selection.selectAllChildren(div);

window.setTimeout(function(){
body.removeChild(div);
}, 0);
}

Пункт третий.  Отключить выделение текста в браузере

А это просто стили, которые прописываем в файле css.

* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

Надеюсь, статья была вам полезной.

Похожие новости

  • Урок 5. Вставка графики и мультимедиа
  • Урок 3. Горизонтальные линии и бегущая строка
  • Урок 2. Заголовки, абзацы, работа со шрифтами
  • Что такое Internet? Зачем нужен язык разметки?
  • Урок 1. Создаем HTML-документ

  • Добавить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив