首頁 > web前端 > js教程 > 主體

JS基於clipBoard.js插件實現剪切、複製、貼上_javascript技巧

WBOY
發布: 2016-05-16 15:02:49
原創
1324 人瀏覽過

摘要:

最近做了一個項目,其中有這樣一需求:實現一個點擊按鈕複製鏈接的功能,透過網上找相關資料,找到了幾個插件,ZeroClipboard是透過flash實現的複製功能,隨著越來越多的提議廢除flash,於是就想能不能透過js來實現複製剪切呢?

地址:https://github.com/baixuexiyang/clipBoard.js

方法:

複製

var copy = new clipBoard(document.getElementById('data'), {
beforeCopy: function() {
},
copy: function() {
return document.getElementById('data').value;
},
afterCopy: function() {
}
}); 
登入後複製

var cut = new clipBoard(document.getElementById('data'), {
beforeCut: function() {
},
Cut: function() {
return document.getElementById('data').value;
},
afterCut: function() {
}
});
登入後複製


var paste = new clipBoard(document.getElementById('data'), {
beforePaste: function() {
},
paste: function() {
return document.getElementById('data').value;
},
afterPaste: function() {
}
});
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板