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('复制成功')
    });
}