用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"); 
    }); 
}); 

另一種方法是使用鼠標按下事件，並檢查什麼按鈕wa Š使用：

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

在我的瀏覽器（Chrome），後者的解決方案不以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通過並直接獲取它們，或從瀏覽器緩存中獲取它們。