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">Copy cover URL</a>

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

Answer 2

您也可以尝试此`

  var btn = document.getElementById("btn");
  var text = document.getElementById("text"); 

  btn.addEventListener("click", function(){
      text.select();
      document.execCommand('copy');
  })

    <input type="textarea" value="https://www.doctrybe.com" id="text">
    <button id="btn" btn>copy</button>

`

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

2 个答案: