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)来实现复制到剪贴板的功能,这些库可以处理不同浏览器的兼容性问题。
JavaScript: 如何将字符串复制到剪贴板(Chrome浏览器)

原文地址: https://www.cveoy.top/t/topic/gD9 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录