Як заборонити контекстне меню на зображеннях

Блог / CSS / Як заборонити контекстне меню (правою кнопкою миші) на зображеннях. 4 способи.

Проте, причини для заборони контекстного меню можуть бути іншими, і ми все одно розглянемо кілька способів.

В даному випадку все, що нам потрібно, це вставити наступний код в ваш виконуваний js-файл або між тегами прямо в тіло документа.

Майте на увазі, що якщо ви вставите код в кінець HTML-документа, то заборона на контекстне меню спрацює не відразу, а тільки в міру подгрузки сторінки. Це буде добре відчутно з повільним інтернет-з'єднанням.

Спосіб 2. Задіємо jQuery, тим самим скоротивши код

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

Спосіб 3. За допомогою CSS

Цікавий спосіб. Відмінно підійде для елементів інтерфейсу і не згодиться для зображень в контенті сайту (погано для SEO - такі зображення не побачать пошуковики).
Отже, припустимо, у нас є якесь зображення:

Тепер, замість цього рядка вставляємо блок

. додаємо йому атрибут ID (наприклад my_image) і приписуємо такі стилі:

В результаті, хоч контекстне меню і не зникне повністю, з нього пропадуть такі пункти, як «Зберегти зображення як ...» і «Копіювати URL картинки». Приклад для Google Chrome:

Заборона контекстного меню на конкретних зображеннях за допомогою HTML-атрибуту

Даний спосіб актуальний при використанні для певних зображень.

Миша Рудрастих

Дивіться також

• wp_is_post_revision () - перевіряє, чи є поточної пост редакцією Умовний тег, перевіряє, чи є зазначений пост редакцією, якщо так - повертає ID батьківського поста.
• get_post_stati () - повертає всі існуючі статуси постів Функція повертає масив об'єктів (або масив імен) всіх підтримуваних статусів постів з можливістю фільтрації результатів.
• Заміна логіна адміністратора вже після установки блогу Як поміняти стандартне ім'я користувача admin, тим самим підвищивши захист свого блогу.