скрыть изображения при щелчке правой кнопкой мыши с помощью jquery

Question

Я хочу скрыть изображения в фотографической галерее, когда кто-то использует щелчок правой кнопкой мыши, пытаясь загрузить их. Скрыть объект с JQuery очень легко, когда пресса пользователь нормальный щелчок левой кнопкой мыши, просто добавив простое событие

$("document").ready(function(){ 
    $("img").click(function(event){ 
     $(this).hide("fast"); 
    }); 
}); 

Но как я могу определить, правый щелчок мыши, чтобы активировать event.preventDefault(); и установить $(this).hide действие к изображениям ...

Answer 1

contextmenu событие вызывается по правой кнопке, так что обычный ярлык, чтобы использовать это событие:

$(document).ready(function(){ 
    $("img").on('contextmenu', function(event){ 
     $(this).hide("fast"); 
    }); 
}); 

другой способ будет использовать событие MouseDown, и проверить, что кнопка wa ы использовали:

$("img").on('mousedown', function(event){ 
    if (event.which === 3) 
     $(this).hide("fast"); 
}); 

В моем браузере (хром) последнее решение не работает с click событием, только mousedown события.

Answer 2

$("document").ready(function(){ 
    $("img").click(function(event){ 
     if(event.which === 3) { 
      $(this).hide("fast"); 
     } 
    }); 
}); 

Answer 3

В вашем случае клик, попробуйте это,

если (event.which === 3) e.preventDefault();

Это похоже на аналогичный. How to distinguish between left and right mouse click with jQuery

Answer 4

можно отключить контекстное меню с помощью contextmenu событие:

$(document).on("contextmenu","img", function(e){ 
    //hide image ,show alert , etc.. 
    return false; 
}); 

в любом случае, это не помешает пользователям возможность сохранять изображения на page.they все еще в состоянии увидеть URL изображения через dom и получить их напрямую или из кеша браузера.