JavaScript: 如何将字符串复制到剪贴板(Chrome浏览器)
JavaScript: 如何将字符串复制到剪贴板(Chrome浏览器)
在Chrome浏览器中,你可以使用Clipboard API将字符串复制到剪贴板中。
示例代码
function copyToClipboard(text) {
navigator.clipboard.writeText(text)
.then(() => {
console.log("字符串已复制到剪贴板");
})
.catch((error) => {
console.error("复制失败:", error);
});
}
// 调用copyToClipboard函数,并传入要复制的字符串
copyToClipboard("要复制的字符串");
在这个示例中,copyToClipboard函数接受一个字符串参数,并使用navigator.clipboard.writeText方法将该字符串写入剪贴板。如果复制成功,将在控制台输出成功消息;如果复制失败,将在控制台输出错误信息。
注意事项
- Clipboard API需要在安全上下文中(例如HTTPS站点)才能正常工作。
- 如果你的网站不是安全上下文,使用Clipboard API时可能会遇到限制。
- 在这种情况下,你可以考虑使用第三方库(如Clipboard.js)来实现复制到剪贴板的功能,这些库可以处理不同浏览器的兼容性问题。
原文地址: https://www.cveoy.top/t/topic/gD9 著作权归作者所有。请勿转载和采集!