Clipboard.js無需Flash實現剪貼簿功能?

之前我們實現實現剪貼簿功能都用到了flash外掛,加上自己對javascript也不是很熟也寫不出來，現在我們可以用Clipboard.js庫類實現無需Flash的剪貼簿的功能了

工具/原料

sublime text 3編輯器

Clipboard.js庫

jquery1.8以上 ，這個是layer要用到的

layer.js web彈層元件

方法/步驟

先開啟submit text 3編輯器新建一個html檔案，然後去下載jquery1.8以上的隨便一個版本，也可以使用百度的

第四步就是實現複製DIV裡面的內容了

DIV程式碼和複製按鈕程式碼如下：

javascript程式碼如下：

//例項化Clipboard物件並把複製按鈕的類.btn1傳進去

var clipboard1 = new Clipboard('.btn1');

clipboard1.on('success', function(e) {

//這裡是layer.js的一個彈層提示效果

layer.msg('複製成功',{

time: 3000, //3s後自動關閉

btn: ['明白了', '知道了']

});

console.log(e);

});

clipboard1.on('error', function(e) {

console.log(e);

});

全部的程式碼如下：