覆蓋右鍵點擊的上下文菜單

我正在開發網站，我想禁用從我的網站保存圖像，所以我想禁用保存圖像作爲和查看圖像選項請任何人可以幫助我。我想禁用特定選項。覆蓋右鍵點擊的上下文菜單

2014-09-05 Karthik

你應該知道，沒有辦法完全防止這種情況。用戶可以隨時使用JavaScript解決方案。 – Pointy 2014-09-05 13:17:30

我試過conextmenu的事情，但我不想禁用comp-lete右鍵單擊我想禁用只保存圖像和查看圖像選項 – Karthik 2014-09-05 13:17:36

有沒有辦法阻止圖像保存。用戶可以簡單地關閉JavaScript並右鍵單擊它。更智能的用戶只需點擊源代碼中的鏈接即可轉到圖片。不幸的是，這只是你無法控制的東西。 – Spokey 2014-09-05 13:19:52

你可以嘗試作爲背景使用CSS顯示您的圖片，以div元素，如：

background-image: url('images/some_image.png');

而不是使用img標籤。這樣，用戶就不會像上面所期望的那樣在上下文菜單中獲得通常的保存圖像選項。

來源

2014-09-05 13:19:36 myTerminal

這隻適用於樸素的用戶，沒有什麼可以阻止網絡開發人員，因爲它已經在其他評論中提到:) – myTerminal 2014-09-05 13:21:05

我不能把它放在div我們的網站就像博主。 – Karthik 2014-09-05 13:30:14

您應該可以在Blogger中編輯CSS。 – AjaxLeung 2016-09-30 21:22:58

嘗試使用contextmenu事件偵聽：

<html> 
<head> 
<script type="text/javascript"> 
(function(){ 
var ImageId = document.getElementById("image"); 
    if (ImageId.addEventListener) { 
     ImageId.addEventListener('contextmenu', function(e) { 
      alert("You've tried to open context menu"); //here you draw your own menu 
      e.preventDefault(); 
     }, false); 
    } else { 
     ImageId.attachEvent('oncontextmenu', function() { 
      alert("You've tried to open context menu"); 
      window.event.returnValue = false; 
     }); 
    } 
})() 
</script> 
</head> 
<body> 
<img id="image" src="" /> 
</body> 
</html>

製作自定義文本菜單

看看這個教程創建自定義快捷菜單：

http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm

來源

2014-09-05 13:21:03 Vizard

我試過這個，但我不想禁用完整的右鍵單擊我想覆蓋上下文菜單選項。 – Karthik 2014-09-05 13:28:54

如何添加我們的菜單選項？ – Karthik 2014-09-05 14:00:03

查看本教程：http：//luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm – Vizard 2014-09-06 07:50:45

覆蓋右鍵點擊的上下文菜單

回答

相關問題