踩坑原因：不細心蔽豺，導(dǎo)致引入實例出錯筹淫。
clipboard.js 是 github 上的開源項目。
Modern copy to clipboard. No Flash. Just 3kb gzipped.
現(xiàn)代化的“復(fù)制到剪切板”插件。不包含 Flash庸推。gzip 壓縮后僅 3kb。
github源碼
中文翻譯版
基本使用流程：
- 使用
npm安裝npm install clipboard --save或者直接下載壓縮包浇冰，提取 js文件 使用贬媒。 - 引入 js 文件，或者使用 CDN 引入肘习。并且通過傳入選擇器來實例化對象际乘，如：
new ClipboardJS('.btn');注意：千萬不要忘記寫JS，否則會報錯沒有該實例 - 使用：
- 從另一個元素復(fù)制文本
改方法是通過給目標(biāo)元素添加id漂佩，然后在點擊元素添加data-clipboard-target實現(xiàn)點擊復(fù)制 - 從另一個元素剪切文本
在上一方法的基礎(chǔ)上可以選擇復(fù)制copy或者剪切cut通過data-clipboard-action屬性脖含，其默認值為復(fù)制copy - 從屬性復(fù)制文本
可以不從另一元素獲取文本值，直接通過該點擊元素的屬性獲取投蝉，通過在該元素設(shè)置data-clipboard-text屬性
用戶點擊后事件反饋
通過 success 或者 error 返回成功或者失敗方法
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
