Categories: JavaScriptУроки програмування

Як відключити на сторінці клік правою кнопкою миші з допомогою JavaScript

Це робиться дуже легко і просто, хоча і не є панацеєю. Новачки часто вважають, що блокуючи виклик відвідувачами контекстного меню за допомогою кліка правою кнопкою миші, вони можуть запобігти крадіжці вмісту їх веб-сторінки. Але, це не зовсім так. Відключення кліка правої кнопки миші легко обходиться більш досвідченими користувачами, а доступ до більшої частини коду сторінки взагалі не вимагає кліка правою кнопкою миші.

Доступ до контекстного меню також можна отримати і за допомогою клавіатури. На клавіатурі ви можете виконати команду кліка правої кнопки миші, утримуючи клавішу Shift і натиснувши клавішу F10.

Відключаємо правий клік на сторінці за допомогою JavaScript

Якщо вам дійсно потрібно відключити клік правою кнопкою миші на сторінці свого сайту, ви можете використовувати дуже простий JavaScript, який блокує доступ до контекстного меню (не тільки за допомогою правої кнопки миші, але і з клавіатури).

Ось код, який для цього вам потрібно додати на сторінку:

<body oncontextmenu="return false;">

Додавання тільки цього невеликого фрагмента коду в тег body вашої веб-сторінки заблокує доступ ваших відвідувачів до виклику контекстного меню (яке викликається кліком правої кнопки миші).

Обмеження даного способу

Даний скрипт працює не у всіх браузерах (наприклад, Opera ігнорує його).

Цей сценарій також ніяк не обмежить доступ користувачам до вихідного коду сторінки, який можна викликати в браузері кнопкою F12 або комбінацією клавіш Ctrl+U.

Крім цього є досить багато способів обійти це обмеження, що призводить тільки до того, що ви будете дратувати відвідувачів свого сайту.

І, нарешті, хоча ви можете відключити доступ до контекстного меню, цей доступ може бути легко повторно включений користувачами, які просто відкриють в браузері консоль (F12) і додадуть наступний код:

window.oncontextmenu = null;

Або інший код, якщо скрипт прикріплений до окремих елементів (як в нашому випадку до тегу body). Додайте цей код в консоль браузера, і ви видалите обмеження для кожного з елементів на сторінці:

var elements = document.getElementsByTagName("*");
for(var id = 0; id < elements.length; ++id) { elements[id].oncontextmenu = null; }

От і все! З сьогоднішньої практичної статті ви дізналися не тільки те, як можна заблокувати клік правою кнопкою миші на сторінці сайту, але також і те, як це обмеження можна обійти.

Дякуємо, що читаєте нас!