navigator.clipboard 是 JavaScript 中用于读取和写入剪贴板数据的 API。它提供了一种现代化的方式来访问用户剪贴板，可以处理文本、图像等类型的数据。以下是如何使用 navigator.clipboard API 的基本示例：
1. 写入剪贴板数据要将文本写入剪贴板，可以使用 navigator.clipboard.writeText() 方法：
const textToCopy = "Hello, clipboard!";
navigator.clipboard.writeText(textToCopy)
.then(() => {
console.log('Text copied to clipboard successfully');
})
.catch(err => {
console.error('Could not copy text: ', err);
}); navigator.clipboard.writeText(text) 接受一个文本字符串作为参数，将该文本写入剪贴板。返回的 Promise 在写入成功或失败后执行相应的回调函数。2. 读取剪贴板数据要从剪贴板中读取文本数据，可以使用 navigator.clipboard.readText() 方法：
navigator.clipboard.readText()
.then(clipboardText => {
console.log('Text from clipboard:', clipboardText);
})
.catch(err => {
console.error('Failed to read clipboard contents: ', err);
}); navigator.clipboard.readText() 返回一个 Promise，在成功时提供剪贴板中的文本数据。如果剪贴板中没有文本或者无法访问剪贴板（如权限受限），则会在 Promise 的 catch 分支中处理错误。注意事项：权限: 对于某些浏览器，读取和写入剪贴板数据可能需要用户的显式授权（例如在 HTTPS 环境中）。兼容性: navigator.clipboard API 在现代浏览器中已经得到了很好的支持，但在旧版浏览器中可能不完全支持或需要前缀。通过 navigator.clipboard API，你可以方便地在 JavaScript 中实现与用户剪贴板的交互，无需依赖 Flash 或其他插件。
网友回复
我知道答案，我要回答
私活外包
最新提问
js如何流式输出ai的回答并折叠代码块，点击代码块右侧可预览代码？
ai大模型如何将文章转换成可视化一目了然的图片流程图图表？
大模型生成html版本的ui原型图和ppt演示文档的系统提示词怎么写？
rtsp视频直播流如何转换成websocket流在h5页面上观看？
为啥coze会开源工作流agent coze studio？
如何检测网页是通过收藏夹打开的？
python如何实现类似php的http动态脚本请求处理响应代码？
js如何实现类似php的http动态脚本请求处理响应代码？
trae与solo有啥区别不同？
vue如何让ai动态生成问卷调查多步骤表单式收集基础信息自动规划执行任务？
