iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为-Toy模板网

这篇具有很好参考价值的文章主要介绍了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 微信测试

结果：可以禁用
iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为,前端开发,html

iPhone15 Safari测试

结果：无法禁用
在这里插入图片描述
iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为,前端开发,html

试试-webkit-touch-callout: none;

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

结果：无法显示菜单。draggable="false" + -webkit-touch-callout: none; 能使图片失去响应
iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为,前端开发,html

参考社区回答：https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400文章来源地址https://www.toymoban.com/news/detail-802610.html

到了这里，关于iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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