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 或其他插件。
网友回复
有没有不依赖embedding向量的RAG技术?
有没有支持实时打断语音通话并后台帮你执行任何的ai模型?
开源ai大模型文件格式GGUF、MLX、Safetensors、 ONNX 有什么区别?
出海挣钱支付收款PayPal、Wise 、PingPong、Stripe如何选择?
如何实现类似google的图片隐形水印添加和识别技术?
linux上如何运行任意windows程序?
ai能写出比黑客还厉害的零日漏洞等攻击工具攻击任意软件系统工程?
js如何获取浏览器的音频上下文指纹、Canvas指纹、WebGL渲染特征?
为啥ai开始抛弃markdown文本,重新偏好html文本了?
网站有没有办法鉴别访问请求是由ai操控chrome-devtools-mcp发出的?


