JavaScript 通过 navigator.clipboard API 安全读写剪贴板需满足安全上下文、用户手势触发等条件，防范敏感信息泄露、劫持及兼容性问题。
JavaScript 可以通过 navigator.clipboard API 读写系统剪贴板，但必须在安全上下文（HTTPS 或 localhost）中运行，且需用户主动触发（如点击事件），否则会被浏览器拒绝。敏感信息泄露风险主要来自意外复制、未清理的剪贴板内容、或恶意脚本窃取，关键在于“谁在什么时候复制了什么”以及“复制后是否及时清除”。
安全地读写剪贴板内容
使用 clipboard.readText() 和 clipboard.writeText() 是主流方式，它们返回 Promise，需配合 async/await 或 .then() 处理：
- 写入前建议做最小化校验，例如过滤掉换行符、控制长度（避免埋入隐藏控制字符）；
- 读取时不要自动执行剪贴板内容（如
eval()或插入 DOM），应先显示预览并由用户确认； - 避免在页面加载或定时器中调用读取操作——这违反用户手势要求，现代浏览器会直接拒绝。
防止敏感信息滞留剪贴板
用户可能无意中复制密码、令牌、身份证号等，而网页无法主动清空系统剪贴板（writeText('') 仅覆盖当前写入项，并不“清空”历史）。可行做法包括：
- 对含敏感字段的输入框（如
type="password"）禁用右键菜单和copy事件：oncopy="return false"或监听cut/copy并event.preventDefault()； - 在敏感操作（如登录成功、密钥生成）后，提示用户“已复制，请及时粘贴使用，建议手动清空剪贴板”；
- 不主动调用
writeText()向剪贴板写入原始密钥、JWT token 等——改用临时可撤销的短链接或一次性代码更安全。
防御剪贴板劫持（Clipboard Hijacking）
攻击者可能监听 copy 事件，悄悄替换用户本想复制的内容（比如把收款地址换成黑客地址）。防御要点：
立即学习“Java免费学习笔记（深入）”；
- 监听全局
copy事件时，检查event.target是否为可信区域（如特定 class 的编辑区），非预期目标直接忽略； - 避免在页面中全局绑定
document.addEventListener('copy', ...)并无条件修改event.clipboardData； - 若需增强复制体验（如添加水印），应在用户明确点击“带格式复制”按钮后再处理，而非静默劫持。
权限与降级兼容处理
navigator.clipboard 在旧版 Safari 或部分 WebView 中不可用。应始终检测支持性并提供备选方案：
- 用
'clipboard' in navigator判断 API 可用性； - 不支持时降级为
document.execCommand('copy')（已废弃但仍有兼容性），注意它依赖已选中的 DOM 节点； - 对敏感操作，即使 API 可用也建议二次确认：“确定要将此内容复制到剪贴板？”，尤其当内容含邮箱、手机号等。
