根本原因是部分Android平板WebView在横屏下禁用document.execCommand或要求严格的手势链与焦点条件；应优先使用navigator.clipboard.writeText()并确保在用户点击同步回调中执行，配合焦点管理、权限声明及降级方案。
uni-app 的 navigator 和 button 复制功能在横屏平板上失效，根本原因不是“不支持”，而是 document.execCommand('copy') 在部分 WebView（尤其是 Android 平板低版本 Webview 或某些厂商定制内核）中被禁用或降权 —— 尤其当触发源不是用户直接、明确的触摸/点击事件时。
为什么横屏下复制按钮点不动或报错 Uncaught TypeError: document.execCommand is not a function
多数平板横屏时，uni-app 的 onReady 生命周期可能早于 DOM 渲染完成；更关键的是，某些厂商（如华为 EMUI、小米 MIUI）的 WebView 在横屏模式下会主动禁用 execCommand，或要求必须满足「焦点可获取 + 用户手势链未中断」两个条件。而 uni-app 的 @click 绑定若经过多层封装（比如通过 uni-button → view → 自定义指令），容易导致事件对象丢失 isTrusted 标志，被浏览器判定为非真实用户操作。
- 检查是否在
mounted或onReady中就调用复制逻辑 —— 必须等view真正渲染且聚焦后才能执行 - 避免用
setTimeout模拟点击，这会彻底失去isTrusted - Android 12+ 及部分定制系统中，
execCommand已被标记为废弃，应优先走navigator.clipboard.writeText()
用 navigator.clipboard.writeText() 替代 execCommand 的实操要点
这是目前最可靠的方式，但需注意权限和上下文限制：
- 必须在用户手势（如
click、touchend）同步回调中调用，不能异步延迟（如nextTick或setTimeout后再调） - 仅 HTTPS 或 localhost 环境下可用；H5 打包为 App 时，需确保 WebView 启用了
webview.setWebContentsDebuggingEnabled(true)（仅调试）且未拦截clipboard权限 - uni-app H5 模式下，需加
try/catch回退到execCommand（iOS Safari 15.4 以下仍不支持writeText）
示例代码片段：
async copyText(text) {
try {
await navigator.clipboard.writeText(text);
uni.showToast({ title: '已复制', icon: 'none' });
} catch (err) {
// 回退 execCommand 方案（仅用于老环境）
const input = document.createElement('input');
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
}
横屏适配的关键：强制重置焦点与视口行为
平板横屏时，input 元素可能因 CSS 缩放、transform 或 viewport 设置导致 focus 失败，进而让 execCommand 报错或静默失败。
- 给临时
input加style="position:fixed;top:-9999px;opacity:0;"，避免被overflow:hidden或transform影响聚焦 - 在调用前手动
input.focus()，并检查document.activeElement !== input时补一次input.setSelectionRange(0, text.length) - H5 模式下，在
manifest.json的h5节点里确保"enablePullDownRefresh": false，否则下拉刷新会干扰 touch 事件链 - App 端（Android）需在
mainfest.json → app-plus → usingComponents开启"clipboard"权限（部分厂商 SDK 要求显式声明）
真正卡住的往往不是“怎么写复制逻辑”，而是横屏后事件链断裂、焦点不可达、权限未声明这三个隐性环节。建议在真机横屏环境下用 Chrome DevTools 远程调试 WebView，重点观察 console.error 是否出现 DOMException: Document is not focused 或 SecurityError —— 这些才是定位问题的起点。
