запрет правой кнопки мыши на сайте
Запрет нажатия правой кнопки мыши
Запрет на нажатие правой кнопки
Допустим у меня есть страничка 19
в официальной доке от микрософта на тему правой кнопы мыши вообще ничего нет.
они офигели. а йа плакаль. ((
в официальной доке от микрософта на тему правой кнопы мыши вообще ничего нет.
они офигели. а йа плакаль. ((
the_man, вы бы посмотрели на дату сообщения, которое процитировали и на которое ответили.
Посмотрели?
Посмеялись?
Я тоже
Воваша, вы о чём вообще?
У вас словесный понос?
Для таких как вы, давно изобретен лозунг: «Прежде чем что-то написать, хорошенько подумай! И ничего не пиши!»
Воваша, ну да, в 2001 году очень многие полагали именно так.
Запрет нажатия кнопки при пустом поле ввода
как сделать так чтобы кнопка не нажималась если в поле ничего не ввели? model.php /* ===.
Определение нажатия второй кнопки мыши
Как этот скрипт определяет назати ли вторая кнопка мыши? #contextMenu < position.
Как отловить событие нажатия левой кнопки мыши по дочернему элементу
Всем добрый день. Уважаемые форумчане прошу Вашей помощи в разрешении следующей проблемы, может это.
JQuery / JS запретить меню правой кнопкой мыши в браузерах
У меня есть div с правой кнопкой мыши контекстное меню:
но браузер для этого элемента по-прежнему всплывает меню по умолчанию (копировать/вставить/свойства и т. д.). Есть способ отключить это? Я пытался вернуть false, но не повезло.
11 ответов
вы можете отключить щелчок правой кнопкой мыши, добавив oncontextmenu= «return false;» к тегу body.
вы можете отключить контекстное меню на любом элементе, который вы хотите:
чтобы полностью отключить контекстное меню на странице (благодаря Ismail), используйте следующее:
одна строка jQuery:
Если у вас есть какое-либо динамическое создание этих ящиков.
теперь это поведение браузеров по умолчанию, чтобы отключить переопределение альтернативного щелчка. Каждый пользователь должен разрешить такое поведение в последних браузерах. Например, я не разрешаю это поведение, поскольку мне всегда нужно всплывающее меню по умолчанию.
или отключить контекстное меню на всю страницу:
Я согласен с @aruseni, блокируя oncontextmenu на уровне тела, вы будете избегать стандартного контекстного меню правой кнопкой мыши для каждого элемента на странице.
но что, если вы хотите иметь более тонкий контроль?
у меня была аналогичная проблема, и я подумал, что нашел хорошее решение: почему бы не прикрепить непосредственно код контекстного меню к contextmenu событие конкретного элемента(ов), с которым вы хотите иметь дело? Что-то вроде этого:—3—>
таким образом вы избегаете обработка двух разных событий только для захвата контекстного меню и его настройки:)
конечно, это предполагает, что вы не возражаете, чтобы стандартное контекстное меню отображалось, когда кто-то щелкает элементы, которые вы не выбрали. Вы также можете показать различные контекстные меню в зависимости от того, где пользователи щелкните правой кнопкой мыши..
Как запретить контекстное меню (правую кнопку мыши) на изображениях. 4 способа.
Прежде всего вы должны знать, что запрет контекстного меню не гарантирует вам того, что пользователь не сможет сохранить картинку к себе на комп. Даже если он не знает, как отключать JavaScript, он сможет воспользоваться инструментами для разработчика в браузере или какой-нибудь сторонней программкой для создания скриншотов.
Тем не менее, причины для запрета контекстного меню могут быть другими, и мы всё равно рассмотрим несколько способов.
Способ 1. При помощи JavaScript
В данном случае всё, что нам потребуется, это вставить следующий код в ваш исполняемый js-файл или между тегами прямо в тело документа.
Имейте ввиду, что если вы вставите код в конец HTML-документа, то запрет на контекстное меню сработает не сразу, а только по мере подгрузки страницы. Это будет хорошо ощутимо с медленным интернет-соединением.
Способ 2. Задействуем jQuery, тем самым сократив код
Думаю, что не нужно напоминать, что прежде всего у вас должна быть подключена библиотека jQuery. Но только ради этого подключать её само собой не стоит, лучше уж воспользуйтесь первым способом.
Способ 3. При помощи CSS
Интересный способ. Отлично подойдёт для элементов интерфейса и не сгодится для изображений в контенте сайта (плохо для SEO — такие изображения не увидят поисковики).
Итак, предположим, у нас есть какое-то изображение:
Теперь, вместо этой строчки вставляем блок
В результате, хоть контекстное меню и не исчезнет полностью, из него пропадут такие пункты, как «Сохранить картинку как…» и «Копировать URL картинки». Пример для Google Chrome:
Запрет контекстного меню на конкретных изображениях при помощи HTML-атрибута
Данный способ актуален при использовании для определённых изображений.
Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.
Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!
Почему не нужно отключать клик правой кнопки мыши на сайте? (+альтернативные подходы)
Потрудившись как следует над написанием статьи или созданием иллюстрации, вполне вероятно, вы заходите предотвратить их «бездумное» распространение по сети без соблюдения авторских прав. Одним из вариантов защиты от воровства контента является использование специального JavaScript, который отключает правый клик мыши на сайте и, по желанию, предупреждает посетителя, что информация не подлежит копированию. Вопрос достаточно спорный, на самом деле, и сегодня я хочу рассмотреть точку зрения почему не следует этого делать. Вдохновился данной статьей, староватой, но все еще актуальной.
Это раздражает
Вы не осознаете, как часто применяете клик правой кнопкой мыши до тех пор, пока вам не запретят так делать. Во всплывающем меню, которое он открывает, на самом деле есть несколько действительно полезных функций: сохранение, просмотр кода страницы, вызов веб-инспектора, добавление задачи в Todoist и поддержка других приложений/программ.
Не смотря на то, что большинство опций дублируются в главной навигации браузера, обычно гораздо проще и удобнее использовать их через правый клик мышки.
Это бессмысленно
Многие новички думают будто внедрение специальных скриптов поможет им максимально защитить тексты/изображения, но все не так. Если кто-то твердо решил скачать ваш контент, то он сделает это независимо от наличия вызова контекстного меню. Вариантов хватает: можно увидеть исходный HTML код через пункт «Просмотр источника» (View Page Source) в главном меню или, нажав Ctrl+U, достать содержимое блога из кэша поисковика (в том числе картинки), записать потоковое видео и т.п.
Иногда запрет правого клика только укрепит решимость человека скопировать наполнение веб-проекта, т.к. метод привлечет нежелательное внимание (и в таком случае окажется контрпродуктивным).
Кстати, интересная деталь — убрать срабатывание правой кнопки на сайте можно только в браузерах с поддержкой JavaScript. То есть посетителю достаточно просто-напросто отключить JS в настройках Chrome, Firefox и т.п., чтобы полностью игнорировать вашу защиту.
Это мешает работе
Причем как разработчику, так и пользователю. Управление мышкой позволяет значительно ускорить веб-серфинг. В самом начале контекстного меню браузеров есть 3 пункта для навигации:
Кроме того, при клике правой кнопки мыши по ссылке у вас будет возможность выбрать как ее открыть: в новом табе, обычном или защищенном окне. Многие предпочитают запускать страницу в другой вкладке дабы не потерять содержимое текущей и повторно не загружать ее через кнопку «Назад».
Не смотря на то, что выполнять эти действия можно через горячие клавиши и основную навигацию браузера, зачастую людям нравится именно вариант со всплывающим блоком меню. Любые запреты вызывают дискомфорт у тех, кто привык так работать, что в итоге негативным образом сказываются на лояльности аудитории.
Если говорить о веб-разработке, то очень часто приходится тестировать определенные правки в своих проектах через веб-инспектор. Если правый клик запрещен, у вас не получится открыть конкретный участок кода, что добавляет определенные неудобства.
Это неприятно и оскорбительно
Данный аспект скорее психологический, но он тоже важен. На самом деле большинство пользователей сайта придут с целью найти нужную информацию или что-то купить (если это интернет-магазин). Уверен, по статистике очень мизерный процент аудитории имеет намерение украсть контент.
Пытаясь обезопасить себя от крохотной группы злоумышленников, вы фактически оскорбляете намного бОльшую часть людей, которые просто хотят работать привычным для себя образом. Отключение клика правой кнопкой мыши и постоянные напоминания, что содержимое защищено авторским правом, будет демонстрировать, что вы не доверяете своим посетителям. Тогда о каком обратном доверии от них может идти речь?
Более того, даже, если кто-то посмотрит исходный код страницы, не думайте, что он хочет украсть его для внедрения на своем сайте. Причины могут быть разнее, в том числе и желание проверить по какому адресу ведет та или иная ссылка дабы не попадаться на мошенников.
Поставьте себя на место пользователя. Как вы будете относиться к ресурсу, где каждый раз при вызове контекстного меню вам будет появляться уведомление о каких-то запретах. То есть вас сходу ограничивают и подозревают, а такое поведение не совсем приятно.
Альтернативы отключению правого клика мыши
Напоследок хотелось бы рассмотреть пару методов как уберечь контент без внедрения дополнительных JavaScript скриптов.
Для защиты изображений
1. Запрет правого клика только на картинках/фото
Этот подход подойдет специфическим типам сайтов, где графика занимает приоритетное значение: галереи, портфолио и т.п. В таком случае есть возможность уменьшить негатив пользователей за счет специального скрипта, срабатывающего только для картинок. Под систему WordPress попробуйте модуль Photection.
Решение достаточно древнее, но на момент написания статьи работало. Когда люди будут вызывать контекстное меню на изображениях, то увидят соответствующее сообщение об авторском праве, если на текстовом блоке — ничего не произойдет.
2. Добавление Watermark
Я когда-то писал про использование водяного знака на фото в блогах, где рассмотрел плюсы/минусы и реализацию. Это достаточно неплохой и безобидный вариант указать ваше авторство на графическом контенте. Лучший способ отпугнуть потенциального вора — поставить «визуальную метку» на самой интересной части изображения.
Полупрозрачные вотермарки в виде логотипа, адреса сайта или просто слово «образец» станут вполне очевидными знаками, что картинка не предназначено для свободного распространения и без отключения правой кнопку на сайте. Подобная тактика хорошо работает на сайтах, предлагающих художественные услуги, архивах фото и т.п. Плюс она не позволит указывать прямые ссылки (hotlinking).
3. Цифровые вотермарки
Цифровой водяной знак — практика встраивания информации о владельце в файл. Обычно это уникальный ID, ник или контактные автора. Данная инфа невидима для обычного пользователя, но ее можно просмотреть с помощью плагинов графических программ или специализированных декодеров.
Цифровая метка в каком-то смысле сильнее физической, потому что при взгляде на изображение непонятно, есть ли в нем дополнительная информация. И хотя такой подход не остановит вора, однако он значительно облегчит отслеживание вашей работы (а в некоторых случаях и ее производных). Теоретически, фишка пригодится при решении судебных споров.
4. Просмотр в окне
Если вы хотите продемонстрировать уровень детализации своих картинок, не выдавая слишком много контента «бесплатно», воспользуйтесь так называемый методом «окна». Представьте, что смотрите на фотку через небольшое отверстие в листе бумаги. Вы не сможете рассмотреть все изображение целиком, но увидите качество графики и ее детали. Такой прием встречается в реализации Java галерей, хотя, вероятно, проще (и быстрее) показывать обрезанную версию оригинала.
Защита HTML/контента
Скрипт отключения правового клика мыши — далеко не самый эффективный способ затруднить чтение исходного кода. Как уже говорилось выше, большинство вариантов используют JavaScript, поэтому, и если у посетителя он отключен, сайт становится уязвимым.
Есть три разных JavaScript решения для текущей задачи:
Единственный способ усложнить любопытным юзерам расшифровку исходного HTML, не прибегая к JS и запрету правого клика, — удалить пустое пространство в веб-документе. Суть в том, чтобы превратить все содержимое в одну или несколько длинных строк. В таком случае есть вероятность, что злоумышленник при вызове «Просмотра источника» в браузере просто не захочет во все вникать из-за трудности прочтения.
В данной теме с защитой контента сайта есть несколько основных моментов:
К сожалению, единственный 100% метод защитить ваши данные — не выставлять их в интернет:) Запрет правого клика в большинстве случаев принесет лишь неудобство и раздражение для вашей аудитории.
А вы что думаете по этому поводу? Как именно и закрываете ли вообще контент от копирования?
Как отключить на странице клик правой кнопкой мыши с помощью JavaScript
Это делается очень легко и просто, хотя и не является панацеей. Новички часто считают, что блокируя вызов посетителями контекстного меню с помощью клика правой кнопкой мыши, они могут предотвратить кражу содержимого их веб-страницы. Но, это не совсем так. Отключение клика правой кнопки мыши легко обходится более опытными пользователями, а доступ к большей части кода страницы вообще не требует клика правой кнопкой мыши.
Отключаем правый клик на странице с помощью JavaScript
Если вам действительно нужно отключить щелчок правой кнопкой мыши на странице своего сайта, вы можете использовать очень простой JavaScript, который блокирует доступ к контекстному меню (не только с помощью правой кнопки мыши, но и с клавиатуры).
Вот код, который для этого вам нужно добавить на страницу:
Добавление только этого небольшого фрагмента кода в тег body вашей веб-страницы заблокирует доступ ваших посетителей к вызову контекстного меню (которое вызывается кликом правой кнопки мыши).
Ограничения данного способа
Данный скрипт работает не во всех браузерах (например, Opera игнорирует его).
Кроме этого есть довольно много способов обойти это ограничение, что приводит только к тому, что вы будете раздражать посетителей своего сайта.
И, наконец, хотя вы можете отключить доступ к контекстному меню, этот доступ может быть легко повторно включен пользователями, которые просто откроют в браузере консоль ( F12 ) и добавят следующий код:
Или другой код, если скрипт прикреплен к отдельным элементам (как в нашем случае к тегу body ). Добавьте этот код в консоль браузера, и вы удалите ограничения для каждого из элементов на странице:
Вот и все! Из сегодняшней практической статьи вы узнали не только то, как можно заблокировать клик правой кнопкой мыши на странице сайта, но также и то, как данное ограничение можно обойти.