clipboard.js是现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩后仅 3kb。不依赖 Flash 或其余臃肿的框架。API：https://clipboardjs.com
clipboard.js引用javascript
<script src="dist/clipboard.min.js"></script>
你须要经过传入一个DOM 选择器, HTML 元素, 或者 HTML 元素数组做为参数，来实例化对象。html
new ClipboardJS('.btn');//复制按钮的class或者id或者...
data-clipboard-action这个属性有两个值：data-clipboard-action="cut"（剪切）和data-clipboard-action="copy"（复制）,默认是复制
使用demo：java
js部分：
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('复制成功！');
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
alert('复制失败！');
});
复制
htnl部分：
<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git" readonly /> //用disabled的话，就不能复制了，由于disabled禁止选中
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">复制</button>
剪切
htnl部分：
<!-- Target -->
<input id="foo1" value="https://github.com/zenorocha/clipboard.js.git" readonly /> //用disabled的话，就不能剪切了，由于disabled禁止选中
<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#foo1">剪切</button>