javascript - 在移动设备中禁用默认保存图像选项

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;
}

对于 Android，请使用：

oncontextmenu="return false;";

Answer 2

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

Answer 3

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

img {
  pointer-events: none;
}