直接用@touchend替代@click并配合preventdefault()和最小44×44px点击区域，是ios safari下消除300ms延迟最轻量可靠的做法，因双击缩放机制导致@click必有延迟，而@touchend为原生事件且即时触发。
直接用 @touchend 替代 @click，配合 preventDefault() 和最小点击区域约束，是当前最轻量、最可靠的做法。
为什么 @click 在 iOS Safari 里一定有 300ms 延迟
iOS Safari 为支持双击缩放，会等待 300ms 确认用户是否要双击——这不是 bug，是设计行为。uni-app 的 H5 端运行在 WebView 或 Safari 内，完全继承该机制。只要绑定的是 @click，就逃不开这个延迟，@tap 在 H5 下只是对 click 的封装，不解决根本问题。
-
@touchstart和@touchend是原生触摸事件，触发即时，无等待 - 但
@touchend默认会冒泡并触发后续click，必须手动event.preventDefault()阻断 - 若元素尺寸小于 44×44px（CSS 像素），iOS 可能根本不派发
touchend，只当无效触摸
怎么正确改写点击逻辑：三步不能少
光把 @click="handleClick" 换成 @touchend="handleClick" 是不够的，漏掉任一环节都会失效或误触。
Comet AI 浏览器
下载
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
- 在事件处理函数开头加
event.preventDefault()，否则仍会走 click 流程，延迟照旧 - 确保目标元素有明确宽高（推荐
min-width: 44px; min-height: 44px;），别依赖 padding 或文字撑开 - 加简单位移判断防滑动误触：
if (Math.abs(endX - startX) > 10 || Math.abs(endY - startY) > 10) return，其中startX/startY来自@touchstart记录
用 fastclick 的三个必填配置点
如果项目已引入 fastclick 却没生效，90% 是卡在这三处：
-
manifest.json中必须显式添加："transpileDependencies": ["fastclick"]，否则 HBuilderX 构建时跳过编译 -
main.js里要 import 并执行：import FastClick from 'fastclick'; FastClick.attach(document.body); - 若点击区域在
<scroll-view></scroll-view>或自定义滚动容器内，FastClick.attach()必须传入对应 DOM 节点，不能只传document.body
真机调试时点击无反应？先查这三点
延迟只是表象，很多时候是根本没触发事件。连上 Safari 开发者工具后，优先确认：
- 元素 computed 样式中
width和height是否真实 ≥44px？padding不算物理尺寸 - 是否有
z-index更高的蒙层、广告位或 fixed 导航栏遮挡？用元素检查器逐层查看渲染层级 - 是否在
<scroll-view enhanced="true"></scroll-view>内？该属性在 iOS 15+ 上会劫持 touch 事件，导致@touchend不触发
真正难调的不是事件名怎么写，而是“以为绑上了，其实被遮了”或者“样式没生效，尺寸还是 0”。动手前，先看 Safari 的 Events 面板里监听器有没有挂上，比反复改代码快得多。
