禁用移动设备中的默认保存图像选项

Question

当我将鼠标悬停在移动设备上的图像上时，会出现以下选项：

1. 保存图像
2. 打开图像
3. 在新选项卡中打开图像。

如何禁用这些选项？

我用谷歌搜索并得到了以下代码，但该代码不起作用

.disableSave {
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

Answer 1

简单的解决方案。

对于 iOS，请使用以下命令：

.disableSave {
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}

对于安卓，请使用：

oncontextmenu="return false;";

Answer 2

这样的事情很棘手，因为当您的手机/浏览器加载页面时，它会下载图像，例如用户无论如何都会将所有图像缓存在缓存中，通常使用右键单击的功能可以使用 JS 禁用，但是没有完全证明实际禁用右键单击功能的方法，但是，在手机上，您可以将图像设置为 background-image 基本上，如果您按住它， 不会触发下载，并且由于手机没有开发人员模式，因此他们也不能简单地检查元素以获取图像源（与使用 safari 的 Mac 结合使用时的 iOS 设备除外）。

Answer 3

我使用以下CSS并在移动和桌面浏览器中禁用了图像选择+保存。

img {
  pointer-events: none;
}