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

Question

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

这里是我的代码，+artworkUrl+是动态填充的。

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

如何在点击时将此 url 复制到剪贴板？我发现的每个选项都使用不同的方法。由于我是新手，我不知道如何应用到这种情况，我有一个链接并想在单击时复制它的 URL。

Answer 1

使用剪贴板 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 */
    });
}

编辑 18/07/2020:缺少 ) 以正确关闭 writeText( 函数。