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

19.12.2016

16681

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

Запретить копировать текст с сайта

Первый вариант – добавить атрибут oncopy="return false;" к тегу <body>.

<!DOCTYPE html>
<html lang="ru">
<head>
	<title></title>
</head>
<body oncopy="return false;">
...
</body>
</html>

HTML

Второй вариант на JQuery:

$(function(){
	$('body').attr('oncopy', 'return false;');
}

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

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);
}

Можно добавить адрес текущий страницы:

div.innerHTML = selection + ' Источник ' + window.location.href;

Отключить контекстное меню

У всех тегов на странице:

$('body').on('contextmenu', false);

У элементов с class="img".

$('.img').on('contextmenu', false);

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

Через CSS можно отключить выделение текста (не поддерживается старыми браузерами).

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

CSS