当图像在模态div中时，IOS长按没有“保存图像”选项
Posted
技术标签:
【中文标题】当图像在模态div中时，IOS长按没有“保存图像”选项【英文标题】：IOS long press does not have "save image" option when image is in a modal div 【发布时间】：2019-11-21 15:58:08 【问题描述】：这是一个例子。
https://mariandioguardi.com/paintings/cat.asp?c=Not+So+%3Ci%3EStill+Life%3C%2Fi%3E
点击 300 像素的图像，您会看到一个带有 1200 像素图像的模态 div。但是长按该模态图像只会提供“复制-查找-共享...”选项
问题：如何启用保存图像（到照片）选项？
右键单击在运行 Chrome 或 edge 的 Win-10 电脑上可以正常工作，但长按方法在 ipad 和 iphone 上都失败 - Safari 和 Chrome。我正在运行 ios 13.2.3
我尝试将指针事件显式设置为自动，但没有区别。
谢谢！ jb
【问题讨论】：
【参考方案1】：看起来是因为这两件事：
#modal-outer 拥有-webkit-touch-callout: none;
.modal-img 拥有pointer-events: none;
【讨论】：
感谢您查看此内容。但是，（1）我的网络搜索找不到任何对 -webkit-touch-callout 的定义或引用......你的意思是别的吗？ ...并且（2）我确实说过“我尝试将指针事件显式设置为自动，但没有区别。” ... 您可以阅读有关-webkit-touch-callout here 的信息。我在回答中提到的两件事都是问题的原因，所以just pointer-events: auto; 并不能解决问题。
嗯，谢谢亚当，......但是......虽然不清楚如何处理该页面，但在该页面上评估的 12 个浏览器中，只有一个 - IOS 上的 safari - 支持此功能，并且该页面显示“此功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为可能会改变在将来。” ...还有其他建议吗？
我了解-webkit-touch-callout 是非标准的。我要说明的是，您提供的链接当前已设置为#modal-outer 正在使用-webkit-touch-callout: none;。如果你删除那个并且如果你从.modal-img中删除pointer-events: none;，那么问题就消失了。
是的，亚当，我想你明白了。谢谢！干杯jb以上是关于当图像在模态div中时，IOS长按没有“保存图像”选项的主要内容，如果未能解决你的问题，请参考以下文章