首頁  >  文章  >  web前端  >  JS基於clipBoard.js插件實現剪切、複製、貼上_javascript技巧

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

WBOY
WBOY原創
2016-05-16 15:02:491329瀏覽

摘要:

最近做了一個項目,其中有這樣一需求:實現一個點擊按鈕複製鏈接的功能,透過網上找相關資料,找到了幾個插件,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() {
}
});

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn