JavaScript复制粘贴需用navigator.clipboard API，须在用户手势触发的HTTPS安全上下文中调用，读取非文本内容需权限检查，低版本浏览器需降级兼容。
JavaScript 实现复制粘贴主要依靠 navigator.clipboard API，它提供了异步的、基于 Promise 的接口来读写系统剪贴板。但该 API 有明确的安全限制，不能随意调用。
必须在用户手势触发的上下文中调用
浏览器只允许在用户主动交互（如点击、按键、触摸）的事件处理函数中调用 clipboard.read() 或 clipboard.write()。直接在页面加载、定时器、网络响应回调中调用会抛出 NotAllowedError。
✅ 正确示例：
button.addEventListener('click', async () => {await navigator.clipboard.writeText('Hello');
});
❌ 错误示例：
立即学习“Java免费学习笔记（深入）”；
setTimeout(() => {
navigator.clipboard.writeText('Oops'); // 拒绝执行
}, 1000);
仅支持 HTTPS（本地开发除外）
除 localhost 和 127.0.0.1 外，navigator.clipboard 只能在安全上下文（HTTPS 协议）中使用。HTTP 页面会完全禁用该 API，navigator.clipboard 为 undefined。
- 开发时可用
http://localhost:3000测试 - 部署到线上必须使用 HTTPS，否则需降级到旧方法（如
document.execCommand已废弃，不推荐）
读取剪贴板需额外权限（尤其含图片/HTML）
clipboard.read() 和 clipboard.readText() 在部分浏览器（如 Chrome）中需要显式请求权限。即使用户刚点过按钮，读取非纯文本内容（如图片、富文本）仍可能被拒绝。
- 读取文本：一般可直接调用，但需捕获异常
- 读取图片或 HTML：建议先调用
navigator.permissions.query({name: 'clipboard-read'})检查状态 - 权限状态为
'prompt'时，首次调用会弹出浏览器权限提示；'denied'则无法读取
兼容性与降级方案
虽然现代浏览器（Chrome 66+、Firefox 63+、Safari 13.1+）已支持 clipboard API，但低版本或特殊环境仍需兜底。
- 检测是否存在：
if ('clipboard' in navigator) - 纯文本复制降级可用
document.execCommand('copy')（需手动创建并聚焦<textarea>，且已废弃，仅作兼容） - 避免依赖剪贴板读取做核心逻辑，例如验证码自动填充应优先走 API 回传而非读剪贴板
