利用 clipboard.js 复制内容到粘贴板

一些时候为了方便用户去复制内容，而不需要手动选择需要复制的文本，我们会提供点击对应按钮就可以将内容复制到粘贴板，方便用户粘贴
这个时候我们可以用 clipboard.js 来帮助我们方便的实现这个功能

首先，给出Github地址：https://github.com/zenorocha/clipboard.js
里面已经包含了各种Demo，方便学习和使用

CDN地址：http://cdn.muops.cn/js/clipboard.min.js

提示：如果将需要复制的元素文本隐藏不显示的话，复制到粘贴板的功能就会不生效，只能去修改样式透明度和元素宽高来假装隐藏不显示了
html部分

 
< input type="text" id="mytext" value="123" style="opacity:0;width:0px;"/>
< button class="btn" data-clipboard-target="#mytext">copy//data-clipboard-target为目标元素Id或者class

Javascript部分

   
var clipboard = new ClipboardJS('.btn'); //必须初始化clipboard
clipboard.on('success', function(e) {
   alert("复制成功");
});
clipboard.on('error', function(e) {
   alert("复制失败");
});