uni-app h5端不支持uni.setclipboarddata，需用navigator.clipboard.writetext（需https/localhost且用户手势触发）或降级execcommand（须临时textarea、select、setselectionrange）。
uni-app H5端为什么不能直接用 uni.setClipboardData
因为这个 API 在 H5 环境下完全不支持——调用后既不报错，也不触发 success 或 fail 回调，剪贴板内容也不会变。这不是 bug，是 uni-app 官方明确的平台限制。你看到“没反应”，大概率就是掉进了这个坑。
H5 必须用 navigator.clipboard.writeText，但有三个硬性前提
这个原生 API 看似简单，实际运行时会被浏览器策略卡死，缺一不可：
-
navigator.clipboard存在且可用（部分旧版安卓 WebView 如 UC、QQ 浏览器根本不支持） - 当前页面必须运行在 HTTPS 下，或
localhost（http://127.0.0.1不行，https://localhost可以） - 调用必须发生在用户手势事件的第一层，比如
@click或@tap的回调函数体开头；放进setTimeout、Promise.then或uni.$nextTick里就失效
降级到 document.execCommand('copy') 时的关键细节
这是目前兼容性最广的兜底方案，但已被标记为废弃，且 iOS Safari 对它极其敏感：
- 必须创建临时
<textarea></textarea>并 append 到document.body - 必须立即调用
textarea.select() - 紧接着必须调用
textarea.setSelectionRange(0, txt.length)，否则 iOS Safari 复制失败 - 执行完
execCommand后要立刻removeChild，避免 DOM 泄漏
封装一个真正能用的跨端 copyToClipboard 函数
别写一堆 #ifdef 堆砌逻辑，用统一 Promise 接口 + 条件编译更干净：
export const copyToClipboard = async (text) => {
if (!text || typeof text !== 'string') return false;
// #ifdef H5
try {
if (navigator.clipboard && window.isSecureContext) {
await navigator.clipboard.writeText(text);
return true;
}
// 降级 execCommand
const textarea = document.createElement('textarea');
textarea.value = text;
textarea.setAttribute('readonly', '');
textarea.style.position = 'absolute';
textarea.style.left = '-9999px';
document.body.appendChild(textarea);
textarea.select();
textarea.setSelectionRange(0, text.length);
const success = document.execCommand('copy');
document.body.removeChild(textarea);
return success;
} catch (e) {
console.warn('H5 复制失败:', e);
return false;
}
// #endif
// #ifndef H5
return new Promise((resolve) => {
uni.setClipboardData({
data: text,
success: () => resolve(true),
fail: () => resolve(false)
});
});
// #endif
};
注意：H5 降级路径里那个 textarea.setSelectionRange 是 iOS Safari 的命门，漏掉它，真机上 90% 的复制都会静默失败。
