复制链接到剪切板

##复制链接到剪切板

方法一：

效果：

 //复制微信号
 <span class="teaWxCopy">复制</span>

$(".teaWxCopy").click(function(){
 const input = document.createElement("input");
      document.body.appendChild(input);
      input.setAttribute("value", "sheldomloveme");
      input.select();
      if (document.execCommand("copy")) {
           console.log("复制成功")
      } else {
          console.log("复制失败")
      }
      document.body.removeChild(input);
})

方法二（使用插件）：

clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。
通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中 。

步骤：

1. 引入文件：

<script src="/web2/component/clipboard/1.6.1/clipboard.js"></script> 

2. html:

  <span class='position'>
           <span id='gata_address' ></span>
            <a href="javascript:;" class="copy_btn" id="copy_btn" data-clipboard-action="copy" data-clipboard-target="#gata_address">复制</a>
   </span>

3. js:

 var clipboard = new Clipboard('#copy_btn');   
    clipboard.on('success', function(e) {  
        show_msg("复制成功","c_info",true);   
        e.clearSelection();  
    });   
    clipboard.on('error', function(e) {   
        show_msg(e.action+'复制失败',"c_info",false);
    });