О web-разработке
и даже немного больше...

Как отключить контекстное меню на сайте?

context-menuНекоторые владельцы сайтов стараются всячески защитить контент на сайте, применяя для этого различные хитрости. Среди таких хитростей попытка запретить вызов контекстного меню, делается это, как правило, чтобы у пользователя запросившего страницу не было возможности скопировать информацию. Надо понимать, что человек, который действительно пожелает скопировать информацию с сайта, сделает это даже при отключенном контекстном меню.
Мы же рассмотрим пример, чтобы иметь представление как это делается.

Отключаем контекстное меню с помощью JQuery:

<html>
<head>
<script src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
	<p>Текст, который нельзя копировать!</p>
</body>
<script type="text/javascript">
$("body").on("contextmenu", false);
</script>
</html>

Отключаем контекстное меню без JQuery:

<html>
<body>
	<p>Текст, который нельзя копировать!</p>
</body>
<script type="text/javascript">
document.oncontextmenu = function (){return false};
</script>
</html>

Два этих примера делают одно и то же, если вы решили отключить контекстное меню на сайте, то можете воспользоваться любым из этих способов. А ещё лучше не отключать контекстное меню вовсе, а лишь дописывать ссылку в конце текста при копировании, это избавит обычных пользователей от неудобств, которые появляются для простых пользователей.
На этом всё, успехов.

Опубликован: 28.08.2014 г.

См. также:

Загрузка файлов на сервер посредством Ajax
Отложенная загрузка изображений Lazy Load
Анимация набора текста на Typed.js
Анимация отсчёта на jquery-spincrement
Mega Dropdown — Меню для мобильной версии
Отслеживаем клик вне элемента на JQuery
Ajax-загрузка записей при скроллинге и нажатии кнопки
Stimed – задаем CSS-стили по времени

Комментарии

  1. cooper пишет:

    да, есть такие подленькие сайты.. отключаем Javascript на странице и нет их "защиты" )))

  2. Dmitry пишет:

    Для прочих добавить в Sylus(расширение для изменения оформления сайтов) стиль:
    * {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    }

    Так как некоторые лочат выделение содержимого на уровне CSS. Хотя есть индивиды которые используют оба метода. Для таких(если, о чудо, там есть что скопировать) мне проще в uMatrix заблокировать и скрипты и CSS.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарии
  • Загрузка...
Друзья сайта