iOS上h5长按识别图片二维码,图片会默认放大,禁用这一默认行为

iOS上h5长按识别图片二维码,图片会默认放大,禁用这一默认行为

测试代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><p>默认</p><img src="https://picsum.photos/200/200" alt="" width="200" height="200"><p>draggable="false"</p><img src="https://picsum.photos/200/200" alt="" width="200" height="200" draggable="false">
</body></html>

iPhone15 微信测试

结果:可以禁用
在这里插入图片描述

iPhone15 Safari测试

结果:无法禁用
在这里插入图片描述
请添加图片描述

试试-webkit-touch-callout: none;

    <style>img {-webkit-touch-callout: none;}</style>

结果:无法显示菜单。draggable="false" + -webkit-touch-callout: none; 能使图片失去响应
在这里插入图片描述

参考社区回答:https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400