clipboard.js是現代化的“復制到剪切板”插件。不包含 Flash。gzip 壓縮後僅 3kb。不依賴 Flash 或其他臃腫的框架。API：https://clipboardjs.com
　clipboard.js引用

<script src="dist/clipboard.min.js"></script>

　你需要通過傳入一個DOM 選擇器, HTML 元素, 或者 HTML 元素數組作為參數，來實例化對象。

new ClipboardJS(‘.btn‘);//復制按鈕的class或者id或者...

　data-clipboard-action這個屬性有兩個值：data-clipboard-action="cut"（剪切）和data-clipboard-action="copy"（復制）,默認是復制

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>
 

復制粘貼插件（不包含 Flash）——clipboard.js