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

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

我相信在这种情况下,指针事件是你的朋友.你可以简单地添加:

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

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