jQuery. Как запретить контекстное меню (правую кнопку мыши) на изображениях?


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

Всё, что Вам нужно — подключить сам jQuery и вставить следующий код:

$('img').bind('contextmenu', function(e) {
    return false;
});

При необходимости уточнить селектор Вы можете добавить к нему свои классы или другие параметры. Например, $('img[is-need-hide=1]') или $('img.private-photo').

Чтобы решить проблему с различными лайтбоксами, например, fancybox — код следует немного подправить:

$(document).bind('contextmenu', 'img', function(e) {
    return false;
});

Этот пример будет работать также во всплывающих окнах и любом другом динамически догружаемом содержимом.

Удачи!


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

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