js复制内容到剪切板

 直接看代码吧： 

主要是浏览器的监听和他的copy事件 

<div class="id-item">
     <span class="label">订单编号</span>
     <span class="value">{{val}}</span>
     <span class="copy-text" @click="copyOrderId">复制</span>
</div>




copyOrderId() {
   copyContent(val);
   Toast("复制成功");
}


function copyContent(val) {
  // let val = document.querySelector("p").innerText; // 要复制的内容
  document.addEventListener("copy", save); // 监听浏览器copy事件
  document.execCommand("copy"); // 执行copy事件，这时监听函数会执行save函数。
  document.removeEventListener("copy", save); // 移除copy事件

  // 保存方法
  function save(e) {
    e.clipboardData.setData("text/plain", val); // 剪贴板内容设置
    e.preventDefault();
  }
}