JavaScript复制粘贴需用navigator.clipboard API，须在用户手势触发的HTTPS安全上下文中调用，读取非文本内容需权限检查，低版本浏览器需降级兼容。
JavaScript 实现复制粘贴主要依靠 navigator.clipboard API，它提供了异步的、基于 Promise 的接口来读写系统剪贴板。但该 API 有明确的安全限制，不能随意调用。
浏览器只允许在用户主动交互（如点击、按键、触摸）的事件处理函数中调用 clipboard.read() 或 clipboard.write()。直接在页面加载、定时器、网络响应回调中调用会抛出 NotAllowedError。
✅ 正确示例：
button.addEventListener('click', async () => {❌ 错误示例：
立即学习“Java免费学习笔记（深入）”；
setTimeout(() => {除 localhost 和 127.0.0.1 外，navigator.clipboard 只能在安全上下文（HTTPS 协议）中使用。HTTP 页面会完全禁用该 API，navigator.clipboard 为 undefined。
http://localhost:3000 测试document.execCommand 已废弃，不推荐）clipboard.read() 和 clipboard.readText() 在部分浏览器（如 Chrome）中需要显式请求权限。即使用户刚点过按钮，读取非纯文本内容（如图片、富文本）仍可能被拒绝。
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></textarea>，且已废弃，仅作兼容）以上就是javascript如何实现复制粘贴_clipboard API有哪些使用限制的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
694
收藏
取消收藏
