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

相关推荐
码农黛兮_462 小时前
4. 文字效果/2D-3D转换 - 3D翻转卡片
3d·html·css3
小嘟嚷ovo5 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
Alice-YUE9 小时前
【HTML5学习笔记1】html标签(上)
前端·笔记·学习·html·html5
Alice-YUE9 小时前
【HTML5学习笔记2】html标签(下)
前端·笔记·html·html5
砌玉成璧11 小时前
Flask+HTML+Jquery 文件上传下载
flask·html·jquery
GISer_Jing11 小时前
前端图形渲染 html+css、canvas、svg和webgl绘制详解,各个应用场景及其区别
前端·html·图形渲染
零凌林11 小时前
使用exceljs将excel文件转化为html预览最佳实践(完整源码)
前端·html·excel·vue3·最佳实践·文件预览·exceljs
waterHBO13 小时前
直接从图片生成 html
前端·javascript·html
Minyy1117 小时前
Vue3指令(二)--v-text、v-html数据渲染,计算属性
前端·javascript·vue.js·前端框架·vue·html
幽络源小助理18 小时前
翼兴消防监控 – 大数据可视化HTML源码
信息可视化·数据分析·html