点击复制功能

1、点击复制文本内容

<div id="copyText">888888</div>

// copyText.value获取input框的值，copyText.innerText获取文本的值
let that = this
var copyText = document.getElementById("copyText");
// 创建一个Clipboard API异步写入操作
// copyText.innerText（这样是获取文本的内容，input框的话就是copyText.value）
navigator.clipboard.writeText(copyText.innerText)
  .then(function () {
    // 成功复制到剪贴板时的处理
    that.$message.success('复制成功')
  })
  .catch(function (err) {
    that.$message.success('复制失败')
  });

2、点击复制文本document.execCommand(“copy”);（不推荐快废弃了）

<input type="text" value="要复制的文字" id="copyText">
<button id="copyButton">复制</button>

// copyText.value获取input框的值，copyText.innerText获取文本的值
var copyText = document.getElementById("copyText");
// 创建一个临时的<input>元素来容纳要复制的文本
var tempInput = document.createElement("input");
tempInput.value = copyText.value;
document.body.appendChild(tempInput);
// 选择临时<input>元素中的文本
tempInput.select();
// 使用Clipboard API 复制文本到剪贴板
document.execCommand("copy");
// 从文档中移除临时<input>元素
document.body.removeChild(tempInput);
// 提示用户已复制文本
alert("已复制: " + copyText.value);