Javascript剪贴板复制功能在点击锚标签时不起作用

Question

我想copy文本copy到clipboard但由于某些原因它不起作用，也没有抛出任何errors 。

下面是我的代码。

function copy(obj)
{
     var $body = document.getElementsByTagName('body')[0];
      var $tempInput = document.createElement('INPUT');
      $body.appendChild($tempInput);
      $tempInput.setAttribute('value',  '1234')
      $tempInput.select();
      document.execCommand('copy');
      $body.removeChild($tempInput);
}   

我想在单击具有 href 的锚标记时复制此文本，这似乎导致了问题。 任何线索都非常感谢。

Answer 1

添加点击事件

onclick="copy(obj)"

Answer 2

obj未在您的函数copy

 function copyToClipboard() { location.href='#popup1'; var $body = document.getElementsByTagName('body')[0]; var $tempInput = document.createElement('INPUT'); $body.appendChild($tempInput); $tempInput.setAttribute('value', '1234') $tempInput.select(); document.execCommand('copy'); $body.removeChild($tempInput); alert("Text Copied"); }

 <a class="coup-copybutton" href="#" onclick="copyToClipboard()">Copy</a>

Answer 3

您的功能运行良好，我怀疑您的问题是在单击按钮时实际调用该功能。

下面是您拥有的完全相同的代码，除了我删除了obj参数，因为它从未使用过。 我还创建了一个按钮，单击时调用该函数。

 function copy() { var $body = document.getElementsByTagName('body')[0]; var $tempInput = document.createElement('INPUT'); $body.appendChild($tempInput); $tempInput.setAttribute('value', '1234') $tempInput.select(); document.execCommand('copy'); $body.removeChild($tempInput); } document.getElementById("copy_btn").onclick = copy;

 <button id="copy_btn">Copy</button> <input type="text" placeholder="Paste here..."/>

Answer 4

这对我有用

export const copyText = (text) => {
  const input = document.createElement('input');
  input.setAttribute('value', text);
  document.body.appendChild(input);
  input.select();
  const result = document.execCommand('copy');
  document.body.removeChild(input);
  return result;
};