如何在单击时将链接href本身复制到剪贴板

Question

我正在尝试创建一个用户可以点击的链接，然后href本身就会被复制到剪贴板上。因为我是JS的新手，所以我不能用我找到的信息来做这件事，因为我见过这样的例子，人们会点击一个按钮来复制url，或者它会复制地址栏的URL。

下面是我的代码，+ artworkUrl +是动态填充的。

<a id="get-app-artwork" href="' + artworkUrl + '" target="_blank">Copy the cover URL</a>

我怎样才能使这个网址在点击时被复制到剪贴板？我发现的每个选项都使用不同的方法。由于我是新手，我不知道如何应用于这种情况，在这种情况下，我有一个链接，并希望在单击时复制它的URL。

Answer 1

使用Clipboard API，特别是writeText function。

<a href="' + artworkUrl + '" onclick="copyURI(event)">Copy cover URL</a>

function copyURI(evt) {
    evt.preventDefault();
    navigator.clipboard.writeText(evt.target.getAttribute('href')).then(() => {
      /* clipboard successfully set */
    }, () => {
      /* clipboard write failed */
    });
}

编辑2020年7月18日:缺少用于正确关闭writeText(函数的)。