Question

我想禁用在图像上按住手指时出现的移动Web应用程序中的“保存图像”菜单。我尝试了CSS属性：

-webkit-user-select: none;
-webkit-touch-callout: none;

使用“-webkit-user-select”复制菜单被禁用，但不能用于保存图像。 “-webkit-touch-callout”似乎不起作用（在iPad2上试过）。

我也试过这个javascript：

$('img').live('touchstart,touchmove,touchend', function() {
  event.preventDefault();
});

但没有任何影响。

有什么建议吗？提前谢谢！

Answer 1

我相信在这种情况下pointer-events是你的朋友。您只需添加：

<img src="path/to/image.png" style="pointer-events:none" alt="">

你应该好好去。

Answer 2

您可以做的一件事是用透明的<div>标签覆盖图像。这将阻止用户形成“点击”（触摸）图像：

<div style="position:relative;">
  <img src="something.png">
  <div style="position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:1000"></div>
</div>

请注意，如果您将图像发送到浏览器，则可以保存。这只是一种解决方法，对于真正想要图像的人来说是一个小麻烦。如果你可以查看它，你可以复制/窃取它。

Answer 3

-webkit-touch-callout正在为我工作。我在body而不是img

上使用了它

Answer 4

除了删除长按手势识别器之外，没有什么工作对我有用：

setcookie("lang",'', 1,  "/");

禁用iOS网络应用程序中的“保存图像”

4 个答案: