对应前端而言，点击复制功能肯定有遇到过，网页自带的点击复制老是会出问题，在各个端不兼容的情况，下面我就介绍应用最广的js点击复制功能实现。
首先，需要引入一个clipboard.js
其次，页面写入如下js代码：
$(function(){
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
alert('成功！');
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
alert('失败！');
});
})之后，在你需要点击复制的地方加入如下代码：
<span id="copy" >点击按钮后，这里的内容将被复制</span> <button class="btn" data-clipboard-action="copy" data-clipboard-target="#copydata" type="button">点击复制</button>
从上面的代码可以看出，data-clipboard-target 绑定了复制的内容的ID，
class="btn" data-clipboard-action="copy"
上面的是点击地方的参数，不能修改。
好了，只需要将上面的代码了解清楚，点击复制就可以轻松实现了！
