求教，最新的 iOS 怎么可以在前段代码上长按图片呼出保存菜单，而不唤出 Safari 自带的文字识别功能

[oscarzhoud]

各位大佬，我最近的一个 h5 项目，是到一定步骤生成一个电子证书的图片，引导用户长按保存收藏。但是每次用户只要是用 iOS Safari 打开的话，总是变成类似于「 OCR 文字识别选中后问你复制不复制」或「 Smartisan 一步」让你往外拖拽的效果，低版本 iOS 正常，但是新的也不知道是 iOS 14 以上还是 iOS 15 以上有这个功能了之后就没法方便的保存图片了。
直接调用点击下载图片的话，又不会保存到相册中，而是跑到了 iOS 的 「文件」-「下载」的 app 里。非常蛋疼。

[daveh]

长按图片非文字区域保存。

[devcat9]

你可以 Safari 里面 inspect 下被 OCR 的图片看看，本质上是 inject 了一个 shadow DOM 做到的 OCR 选中文字效果。你可以把 Shadow DOM 都干掉。

[ahhui]

快速点两下图片，在第二下点击后不松手，长按，约 0.5 秒后，就可弹出保存菜单。

[daveh]

@ahhui 如果图片已经 OCR ，你这个方法如果点在文字上是不生效的。

[oscarzhoud]

@daveh 主要是没法教用户长按非文字区，而且图片是个“纪念证书”，总不能刻意留一些空白告诉用户长按那里吧- -
在想有什么好方法能解决，或者有什么方法能告诉 Safari 不要自作聪明的去 OCR 这张图

[Felix96]

给<img />标签添加 draggable="false"属性可以禁止跨应用拖动分享。

样式里添加
img {
-webkit-user-select: none;
user-select: none;
}
勉强禁掉 Live Text 的文本选择，iPhone 设置里能关。

实在不行，绘制一个圆形动画放在图片上方（ pointer-events:none; ），
引导下按下指定区域，一般图片边缘比较好触发。

[houchangxiaowang]

最后搞定了吗，我咋图片复现不了你说的这个问题呢，