禁用h5页面中长按图片弹出的弹层

1、当在iOS上一直按住一个目标元素时，Safari会展示一个关于这个链接的callout信息。

解决方案：

-webkit-touch-callout 这个CSS 属性禁用了默认的callout展示， callout是指当触摸并按住一个元素的时候出现的提示。

img {
  -webkit-touch-callout: none;
}

参考: https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-touch-callout　

2、在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？

使用 pointer-events:none

img{
   pointer-events:none;
}

　　

亲测有效，适用于微信客户端的手机页面，图片被打开的情况.