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

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

测试代码

html 复制代码
<!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;

html 复制代码
    <style>
        img {
            -webkit-touch-callout: none;
        }
    </style>

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

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

相关推荐
PieroPc15 小时前
一个功能强大的 Web 端标签设计和打印工具,支持服务器端直接打印到局域网打印机。Fastapi + html
前端·html·fastapi
sayamber20 小时前
Nginx + Docker部署个人博客,从零到上线完整教程(2026最新版)
html
榴莲omega20 小时前
第12天:CSS(一)| Flexbox 布局完全指南
前端·css·html·js八股
fqrj202620 小时前
企业官网如何设计?专业公司网站设计制作要点解析
css·html·网站建设·网站开发
阿捞221 小时前
在 .NET 中使用 Moonshot Kimi + AgentFramework:从 SDK 到 Agent 的完整实践
html·.net·xhtml
Reisentyan1 天前
[vue3]HTML Learn Data Day 9
前端·vue.js·html
希望永不加班1 天前
SpringBoot 邮件发送:文本邮件与 HTML 邮件
java·spring boot·后端·spring·html
MinterFusion2 天前
HTML DOM元素的定位问题
前端·css·html
Hilaku2 天前
一周狂揽40K+ Star⭐ 的 Pretext 到底有多变态?
前端·javascript·html
银河系的一束光2 天前
旅游网站html、css、bootstrap
css·html·旅游