js一键复制

clipboard.js的官网：https://clipboardjs.com/

笔记：

html:

<div id="copyText">一键复制的内容</div>
<button class="btn2 copyBtn" data-clipboard-action="copy" data-clipboard-target="#copyText">一键复制</button>  

需要js资源：clipboard.min.js，jquery-2.1.0.js

//一键复制
var copyBtn = new Clipboard('.copyBtn');   
copyBtn.on('success', function(e) {  
   console.log(e);  
    alert("复制成功！")  
});  
copyBtn.on('error', function(e) {  
   console.log(e);  
   alert("复制失败！请手动复制")  
}); 

粘贴即可。

=======================后期分割线===========================

上述方法，经测试，在PC和ios机上可以，但是安卓机有bug，复制不到粘贴板上。修改如下

html:

<div id="copyText">一键复制的内容</div>
<button class="btn2 copyBtn" data-clipboard-action="copy" data-clipboard-text="一键复制的内容">一键复制</button> 

把需要复制的内容放在div展示，再把内容用attr方法添加到data-clipboard-text内：

$(".copyBnt").attr("data-clipboard-text","一键复制的内容");

在点击button时，复制的内容就是data-clipboard-text里的内容。