javascript - Javascript使用导航器将url链接复制到剪贴板

Question

我正在尝试使用以下代码复制 url 链接

let text = 'click here'
let hrefLink = `<a href="https://stackoverflow.com">${text}</a>`;

if (navigator && navigator.clipboard != undefined) {
  navigator.clipboard.writeText(hrefLink);
}

如果我使用上面的代码，粘贴的文本将是链接

" <a href="https://stackoverflow.com">click here</a>"

但我正在尝试粘贴这样的文本“单击此处”，我可以看到一些使用document.exec(). 如果有人建议使用navigator.clipboard它会有所帮助

标签： javascriptclipboardnavigator

Answer 1

您的示例尝试使用 复制到剪贴板navigator.clipboard.writeText，它只能编写纯文本。如果您想嵌入链接，您可能想尝试编写 HTML，通过navigator.clipboard.write和'text/html'类型。

有关如何使用剪贴板 API 编写 HTML 的示例，请参阅此Safari 博客文章示例或此HTML 演示站点的源代码。