点击图片复制文字本质是绑定点击事件并提取预设文案，而非OCR识别图片内容；需按平台调用对应剪贴板API，并清洗富文本中的HTML标签、实体符及空白字符。
点击图片触发复制，本质是「绑定事件 + 提取文字」
图片本身不带文本，所谓“点击图片复制文字”，实际是把图片旁/内部的文字内容（比如 data-text 属性、相邻 text 节点、或预设的文案）取出来再调用剪贴板 API。不能指望 <image> 自己吐出文字——它没这个能力。
常见做法是：给 <image> 加 @click，在 handler 里手动传入对应文案，或从上下文 data 中读取。别试图用 innerText 或 textContent 去抓图里的字——那是 OCR 级别需求，uni-app 原生不支持。
- 文案必须提前存在，要么硬编码在方法调用里，如
@click="copyText('优惠码：ABC123')" - 要么绑定到 data 字段，如
:data-text="item.code"，然后在事件中通过event.currentTarget.dataset.text获取（仅 App 和小程序有效，H5 不支持 dataset） - 若文案来自富文本渲染（如
v-html），需额外清洗：去除 HTML 标签、解码实体（
uni.setClipboardData 在 H5 下完全失效，必须降级
uni.setClipboardData 在 H5 平台根本不会执行，调用了也静默失败。浏览器只认 navigator.clipboard.writeText()，但它有三道硬门槛：
- 必须运行在 HTTPS 或
localhost环境下，HTTP 页面直接抛NotAllowedError - 调用必须由用户手势同步触发（
click、tap），不能包在setTimeout或 Promise resolve 后 - 旧版 WebView（如 QQ 浏览器 Android 8.0 以下）不支持
navigator.clipboard，得 fallback 到document.execCommand('copy')临时 input 方案
所以不能写成 uni.setClipboardData({ data: text }) 一把梭，必须按平台分路径：
if (platform === 'h5') {
if (navigator.clipboard && window.isSecureContext) {
await navigator.clipboard.writeText(text)
} else {
// fallback：创建 input → select → execCommand
}
} else {
await uni.setClipboardData({ data: text })
}
Android App 点击无反应？先看后台权限和上下文
App 端复制失败，90% 不是代码问题，而是系统拦截：
- 某些厂商（华为、小米、OPPO）会限制「后台剪贴板访问」，即使前台点击，若应用被判定为“非活跃状态”，也会拒绝写入。需引导用户开启「允许后台运行」权限
- 不要在
onLoad或mounted里自动调用复制逻辑，uni.setClipboardData必须由明确的用户点击触发，否则安卓 WebView 直接忽略 - 传入的
text为空、null或非字符串时，API 会静默失败，务必加typeof text === 'string' && text.trim()校验
中文乱码、空格丢失、换行错位——都是未清洗输入导致的
从 DOM 或富文本中提取的文字，常含不可见字符：
-
<view>你好 </view>中的 -
v-html渲染后，innerText可能包含换行符、缩进空格、<br>对应的 \n，直接复制会导致格式崩坏 - 解决方案统一：用正则清洗，例如
text.replace(/ | /g, ' ').replace(/<br>|<p>/gi, '\n').replace(/\s+/g, ' ').trim()
真正麻烦的不是怎么复制，而是怎么确保复制出来的文字和用户看到的一致——这一步漏了，功能就算跑通，体验也已经坏了。
