js复制数据到剪切板

方法一：

在下面方法传入你想要复制的字符 ，直接调用该方法就好

export function copyText(text: string) {
  if (navigator.clipboard) {
    // clipboard api 复制
    navigator.clipboard.writeText(text)
  } else {
    const textarea = document.createElement('textarea')
    document.body.appendChild(textarea) 
    textarea.style.position = 'fixed'// 隐藏此输入框
    textarea.style.clip = 'rect(0 0 0 0)'
    textarea.style.top = '10px' 
    textarea.value = text // 赋值
    textarea.select() // 选中
    document.execCommand('copy', true)// 复制
    document.body.removeChild(textarea) // 移除输入框
  }
}


// 使用  
copyText('复制的字符')

方法二：

export function copyText(text: string) {
  var textarea = document.createElement("textarea");
  document.body.appendChild(textarea);
  // 隐藏此输入框
  textarea.style.position = "fixed";
  textarea.style.clip = "rect(0 0 0 0)";
  textarea.style.top = ".15625rem";
  // 赋值
  textarea.value = text;
  // 选中
  textarea.select();
  // 复制
  try {
    var msg = document.execCommand("copy") ? "成功" : "失败";
    // alert('复制' + msg);
  } catch (err) {
    // alert('不能使用这种方法复制内容');
  }
  // 移除输入框
  document.body.removeChild(textarea);
}