JavaScript剪贴板API读取需用户触发的短生命周期事件（如click），且须HTTPS+权限策略声明；read()支持图片/HTML但兼容性有限；execCommand已废弃，仅作降级备选。
JavaScript 的剪贴板 API（如 navigator.clipboard.readText() 或 .read()）默认无法直接读取剪切板内容，这是浏览器出于安全考虑实施的严格限制——只有在用户主动触发的、可信的**短生命周期事件**（例如 click、keydown、input 等）中调用，才可能成功。
必须在用户手势上下文中调用
浏览器要求读取剪切板的操作必须由真实的用户交互直接触发，不能放在异步回调、定时器、网络响应或页面加载完成时执行。否则会抛出 NotAllowedError 或拒绝 Promise。
- ✅ 正确：绑定在按钮
click事件里，立即调用clipboard.readText() - ❌ 错误：在
fetch().then()中尝试读取；或在setTimeout里延迟调用 - ⚠️ 注意：即使事件监听器是用户触发的，若中间经过 Promise 链或事件委托链过长，部分浏览器（如 Safari）也可能判定为“不可信上下文”
需要 HTTPS 和权限声明
使用 navigator.clipboard 的读写功能，页面必须通过 HTTPS 提供（本地 localhost 和 127.0.0.1 是例外）。此外，现代浏览器（Chrome 94+、Edge 94+）还要求在 <meta> 或 HTTP 头中声明权限策略：
<meta name="permissions-policy" content="clipboard-read=()">
立即学习“Java免费学习笔记（深入）”；
若需写入，还需添加 clipboard-write=()。未声明可能导致 API 调用静默失败或被拒绝。
读取富文本或图片需额外权限与格式处理
clipboard.read() 可读取图片、HTML、自定义类型等内容，但支持度有限且更敏感：
- 仅 Chromium 内核浏览器稳定支持读取图像（
Blob类型），Firefox 尚不支持read()中的图片 - 读取 HTML 时，返回的是纯文本或序列化的 HTML 字符串，不包含样式或脚本，且可能被浏览器净化
- 跨源 iframe 默认无权访问剪切板，除非明确设置
allow="clipboard-read; clipboard-write"
替代方案：降级使用 document.execCommand（已废弃但兼容性高）
对于只需读取纯文本的老项目，可考虑用 document.execCommand('paste') 配合 contenteditable 元素临时捕获粘贴内容（需用户手动按 Ctrl+V），但该方法已被废弃，不推荐新项目使用，且无法主动读取——只能响应粘贴动作。
安全限制不是障碍，而是保护用户数据不被恶意页面静默窃取的必要机制。合理设计交互流程、遵守上下文约束、正确声明权限，就能在保障安全的前提下正常使用剪贴板功能。
