js一键复制

核心命令：

​​​​​​​ navigator.clipboard.writeText(copyText.value);

暂且分为两种情况
1.复制输入框中的内容
2.复制某条数据

第一种情况 复制输入框中的内容

<input type="text" id="myInput">
<button onclick="myFunction()">
  复制内容
</button>
<script>
  function myFunction() {
    var copyText = document.getElementById("myInput");
    copyText.select();
    copyText.setSelectionRange(0, 99999);
    navigator.clipboard.writeText(copyText.value);
  }
</script>

 第二种情况 复制某条数据，两种写法

//第一种简洁
navigator.clipboard.writeText(res.data.name)   //一键复制到剪切板
//第二种
function _copy(context) {
  if (context){
     // 创建输入框元素
    const oInput = document.createElement('input');
    // 将想要复制的值
    oInput.value = context;
    // 页面底部追加输入框
    document.body.appendChild(oInput);
    // 选中输入框
    oInput.select();
    // 执行浏览器复制命令
    document.execCommand('Copy');
    // 弹出复制成功信息
    ElMessage.success('复制成功');
    // 复制后移除输入框
    oInput.remove();
  }
}

这样内容就已经在你的剪切板中了，可以使用快捷键或者命令来实现粘贴