JavaScript复制粘贴操作教程
2026-01-05 16:42:46
0浏览
收藏
“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《JavaScript复制粘贴操作指南》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！
navigator.clipboard.writeText() 报“Permission denied”因需用户手势触发且限于安全上下文；须在 click 等事件中调用，禁用 setTimeout 或 load 时调用，file:// 协议不支持，旧版浏览器需降级使用 document.execCommand。
为什么 navigator.clipboard.writeText() 会报错 “Permission denied”
现代浏览器对剪切板写入有严格权限控制，navigator.clipboard.writeText() 必须在**用户手势触发的上下文**中调用（如 click、keydown），且页面需为安全上下文（https:// 或 localhost）。直接在 setTimeout、fetch 回调或页面加载时调用，会抛出 DOMException: Permission denied。
- 确保调用发生在
button.addEventListener('click', ...)这类明确由用户触发的事件处理函数内 - 避免在
DOMContentLoaded或load事件里直接调用 - 开发时若用
file://协议打开 HTML，也会失败——必须用本地服务器（如python3 -m http.server）
如何兼容旧版浏览器（比如 IE 或 Safari
老浏览器不支持 navigator.clipboard API，得回退到 document.execCommand('copy')，但该方法已被废弃，且要求元素必须可聚焦、已插入 DOM、并手动选中内容。
- 创建一个临时