Запрет правого клика на страничке

Запрет правого клика на страничке

Данный урок покажет Вам простой пример запрета клика правой кнопкой мышки на Вашем сайте.

Основное применение данного приема - это защита от копирования Ваших картинок. Конечно, можно зайти в исходный код страницы через браузер и там найти источник картинок, но все же это защитит Ваши картинки от большинства неопытных пользователей Интеренета. В следующих уроках расскажем Вам обязательно как можно спрятать исходный код страницы от посторонних глаз.

Все что от Вас требуется - это разместить данный код между тегами <head></head>:

<script language=JavaScript>
<!--
var message="Правый клик запрещен!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

На сегодня все! Завтра ждите два интереснейших урока. Оставайтесь с нами!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.mcfedries.com
Перевел: Максим Шкурупий
Урок создан: 15 Мая 2009
Просмотров: 63810
Правила перепечатки


5 последних уроков рубрики "Для сайта"

  • Эффекты блочного раскрытия

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

  • 15 полезных .htaccess сниппета для сайта на WordPress

    Если вы хотите существенно повысить уровень безопасности вашего сайта на WordPress, то вам не избежать конфигурации файла .htaccess. Это позволит не только уберечься от целого ряда хакерских атак, но и организовать перенаправления, а также решить задачи связанные с кэшем.

  • 20 бесплатных тем для WordPress в стиле Material Design

    Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

  • 20 сайтов с креативным MouseOver эффектом

    Эффекты на то и существуют чтобы впечатлять наших посетителей. В этой подборке собрано несколько десятков ресурсов, чьи создатели очень постарались впечатлить своих посетителей.

  • 45+ бесплатных материалов для веб дизайнеров за август 2016

    Под конец месяца предлагаем ознакомиться с набором бесплатных материалов для веб дизайнеров за прошедший месяц.

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 15 Мая 2009 06:01
    Дмитрий
    У меня в фаерфоксе не работает. Я жму правой кнопкой и всё нормально только появляется окошко, которое ну никак не блокирует клик.
  • 15 Мая 2009 06:35
    dima
    через оперу пкм-сохранить изображение. я сохранил хе... только в ie6 работает))) помоему есть более надежное средство - антихотлинк
  • 15 Мая 2009 08:39
    dancelot
    В Опере прекрасно копируется через правую кнопку мыши
  • 15 Мая 2009 08:40
    Игорь
    Ерунда это всё !!! Тоже что и копирование текста со страницы. В каждом браузере по разному.
  • 15 Мая 2009 10:17
    Виталий
    В IE7 работает. В принципе, на мой взгляд, это ничего не даст. Если сильно захотеть, то можно и скрин содрать. А ABBYY Screenshot Reader и текст отдельно сдерёт. А вот код защитить - это нужно.
  • 15 Мая 2009 11:23
    МаксимШкурупий
    Да! Сорри, я проверил только в Интернет Эксплорере! Там все работало! Найду более рабочий пример и обновлю урок.
  • 15 Мая 2009 11:40
    МаксимШкурупий
    Урок обновил! Теперь представлен полностью рабочий вариант. Просто так картинку у Вас скопировать не получится.
  • 15 Мая 2009 13:04
    Святослав
    Ну если для картинок то это преграда для 60 процентов можно в коде не рыться а выделить и потащить на рабочий стол например, но все равно интересно, Спасибо
  • 15 Мая 2009 18:48
    JIexaman
    Не работает. В Опере 9.50 спокойно сохраняется... скрины прилагаются... http://i030.radikal.ru/0905/ae/28a51bde5493.jpg http://s56.radikal.ru/i154/0905/84/215ec4563699.jpg
  • 15 Мая 2009 19:16
    dima
    это потому что Опера использует свой уникальный движок.
  • 15 Мая 2009 23:57
    JIexaman
    Если я не ошибаюсь, можно сделать так, чтоб картинку нельзя было скачать правым кликом. <br> Делается div, присваивается ему id и в .css прописывается заполнение фона картинкой. По-моему даже шапка этого сайта так сделана.
  • 16 Мая 2009 06:36
    dima
    JIexaman, скопирвоать можно и другим способом например просто сохранить страничку как html с картинками
  • 16 Мая 2009 09:33
    JIexaman
    Ну правым кликом то уже не получится =)
  • 18 Мая 2009 17:14
    Платинум
    А у меня ничего не происходит на демо варианте (((
  • 6 Июня 2009 22:44
    Dimka
    Код старый :) Вот написал новую версию кода хотя тоже не во всех браузерах работает, но в большинстве работает! 1. Открыть через notepad шаблон main.tpl, сразу после тега <BODY> Вставить: <div id="noselect"> 2. Ниже найти </BODY> Перед ним вставить: </div> <script type="text/javascript"> function disableSelection(target){ if (typeof target.onselectstart!="undefined") target.onselectstart=function(){return false} else if (typeof target.style.MozUserSelect!="undefined") target.style.MozUserSelect="none" else target.onmousedown=function(){return false} target.style.cursor = "default" } if (document.getElementById("noselect")) { disableSelection(document.getElementById("noselect")); } </script>
  • 6 Июня 2009 22:49
    Dimka
    Вобще код написал для CMS DLE поэтому место шаблона main.tpl вставляйте свою хтмл или пхп страницу )) Код в комменарии отображается с смайлами поэтому вот качайте отсюда: http://hi-all.6te.net/files/install.txt
  • 7 Июня 2009 16:16
    JackBV
    у меня демо не работает
  • 10 Июня 2009 17:53
    Сергей_Патин
    Dimka, я ваше последнее сообщение удалил. Поаккуратнее в выражениях!
  • 10 Июня 2009 21:56
    Dimka
    Лучшебы первый удалил!
  • 23 Июня 2009 13:24
    Alexei
    В опере не работает (((
  • 28 Июня 2009 20:31
    Vedrys
    Урок класный, но не на практике. Есть такая кнопка на клавиатуре Prt Sc, о которой знает даже ребенок, вставляем в фотошоп и качество получаеться ничем не хуже чем если бы нажали "сохранить рисунок"...
  • 6 Августа 2009 16:25
    Никита
    +1 в опере не работает!
  • 19 Августа 2009 22:37
    AssFucker
    что надо добавить щоб в опере заработало?(тестил на 9.64 & 10 beta неработает нихрена)
  • 29 Ноября 2009 19:51
    Andy
    не работает!
  • 27 Декабря 2009 11:57
    tyreal
    спс все норм!
  • 8 Января 2010 14:23
    Илья
    В Опере не пашет(
  • 23 Января 2010 02:37
    seb
    У меня все работает. Тестил в opera, mozilla, ie, chrome.
  • 11 Февраля 2010 04:00
    UncleNostra
    пц все копируется СЛАБОВАТО
  • 27 Сентября 2010 10:56
    Рустам
    Opera рулез =)
  • 4 Января 2011 12:09
    Bockarevs
    Все работает, но вот только если я жму на картинку,тену ее и отпускаю на панеле браузера то картинка тянетса и соответственно копируетса! А как от этова предостереч себя? Тем неменее Спасибо за урок!!!
  • 5 Апреля 2011 01:05
    jah_man
    благодаря firefox4 этот метод неактуален вообще
  • 13 Августа 2011 10:16
    qwatra
    Ctrl+C для текста и кэш для рисунков никто не отменял :)
  • 7 Октября 2011 18:46
    Вова Горбатый
    На демо странице, один раз показывает, потом показывает сообщение типа не выводить больше данное сообщение и можно пользоваться правой кнопкой... а хотелось бы просто отключить правую кнопку без всяких уведомлений!
    • 18 Ноября 2011 11:07
      fly380
      Бессмысленная затея, на большинство браузеров существуют плагины ломающее такую защиту. В частности у меня на "гугл хром" стоит такой и на демке вашего примера все отлично кликается. Не зачет
  • 19 Января 2012 19:13
    СашаЖуков
    у меня работает во всех браузерах кроме ie 9
  • 12 Июня 2012 15:31
    a.kolodochkin
    Всё здорово, но так как JS есть очень легкий обход гораздо лучше PS. Браузер Opera жмём комбинацию клавиш (Ctrl + U) исходный код. Чистим JS скрипт. Применяем. Теперь можно спокойно кликать пкм в любом месте.
  • 15 Августа 2012 15:33
    VindDevil
    жаль, что нельзя сделать запрет на просмотр кода =)
  • 23 Октября 2015 18:16
    kvo1
    Господа! ... замок, весящий на двери, означает, что хозяев нет дома и порядочный человек не станет ломиться в эту дверь, а для непорядочного человека (...) замков нет, защита от таких людей - это физическое устранение, о чём показывает жизненный опыт и, причём, во всех вопросах, а не только в сайтостроении...
  • 13 Декабря 2015 03:10
    ivan2015
    Здравствуйте. Как сделать чтобы на некоторых страницах сайта блокировка правого клика не работала. Например в форме обратной связи или заказа товара, непродвинутым пользователям будет проблемно вставлять скопированный в буфер текст - можно потерять клиента. А блокировка нужна, воришка завелся, водяные знаки на фото или обрезает, или закрашивает, я правый клик заблокировал, у него вроде теперь не хватает тяма фотки стырить, но вот проблемка с формами обратной связи.
^ Наверх ^