如何在右键单击时禁用“图像另存为”选项？ [复制]答案

【问题标题】：How to disable 'save image as' option on right click? [duplicate]如何在右键单击时禁用“图像另存为”选项？ [复制]
【发布时间】：2014-07-24 02:14:05
【问题描述】：

我想阻止用户右键单击我网站上的图像并保存它们。我知道有很多解决方法，但我仍然需要这样做。

有什么帮助吗？

另外，这个网站有这个功能 - http://finsix.com/dart/#section-colors

可以是html、javascript、jquery。任何解决方案都可以。

【问题讨论】：

我也可以通过截图来窃取图像，并使用 ms paint 等将图像部分剪切出来并保存在我的硬盘上：D
如果您想下载具有相同质量的视频，更好的方法是。转到 chrome devtools（F11 或 ctrl+shift+i），转到“网络”选项卡。并刷新。下面的网络电话将在那里。即使开发人员从资产文件夹（开发人员保存其站点的图像/微调器的位置）或从 3rd 方网站加载。它将被列出。单击第一个，然后转到预览。然后通过单击下一步或“向下箭头”继续下一步。你什么时候会得到。然后按右键

标签： javascript jquery html

【解决方案1】：

$("body").on("contextmenu", "img", function(e) {
  return false;
});

这是 jQuery 中的“新”方式。请记住，任何具有技术知识的人都可以解决这个问题。

【讨论】：

效果很好。你明白了

【解决方案2】：

使用图像作为 div 元素的背景图像，这将使头脑简单的人远离保存它；）

【讨论】：

如果你点击了图片怎么办？例如，当您想单击图像以查看更大尺寸的图像时，由于图像上的背景图像，您将无法执行此操作。
您仍然可以在容器上设置一个 onclick 事件并调用一个函数，该函数将以不同的大小显示图片，或者......像以前一样......一个容器，该图像作为背景 -图片。
头脑简单的人？
@Tudor 不是网络专家...简单用户，无法使用源代码查找背景图片，可以禁用 JS 脚本等...
@alexdd55 我不喜欢形容词easy :-)

【解决方案3】：

<script type="text/javascript">
function click (e) {
  if (!e)
    e = window.event;
  if ((e.type && e.type == "contextmenu") || (e.button && e.button == 2) || (e.which && e.which == 3)) {
    if (window.opera)
      window.alert("");
    return false;
  }
}
if (document.layers)
  document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = click;
document.oncontextmenu = click;
</script>

我在 selfhtml.org 上找到了这个脚本。

此功能最初旨在禁用客户端上下文菜单并插入您自己的上下文菜单。但它也可以用于此。

但请记住：通过使用 NoScript 之类的浏览器插件或打开图像 url，用户可以解决这个问题。

【讨论】：