js复制内容到剪切板

实现思路如下:

       1.创建一个input,把想要复制的内容赋值到input的value上;

       2. 把这个input插入到body内;

       3.获取这个input,对它执行选中; 

       4.执行documen的copy事件;

       5,删除刚刚插入的input。

<div @click="getClickEmail">点我</div>
// 复制的方法
$_copyText(text, callback) {
      // text: 要复制的内容, callback: 回调
      var tag = document.createElement("input");
      tag.setAttribute("id", "cp_hgz_input");
      tag.value = text;
      document.getElementsByTagName("body")[0].appendChild(tag);
      document.getElementById("cp_hgz_input").select();
      document.execCommand("copy");
      document.getElementById("cp_hgz_input").remove();
      if (callback && typeof callback == "function") {
        callback(text);
}


getClickEmail (){
    $_copyText("woshimabu@mirrorvision.cn", res => {
          alert('复制成功')
    });
}
原文地址:https://www.cnblogs.com/cap-rq/p/10240136.html