JS基于clipBoard.js插件实现剪切、复制、粘贴

216 阅读 0 评论 143 点赞

我是靠谱客的博主纯真冰淇淋，这篇文章主要介绍JS基于clipBoard.js插件实现剪切、复制、粘贴，现在分享给大家，希望可以做个参考。

摘要：

最近做了一个项目，其中有这样一需求：实现一个点击按钮复制链接的功能，通过网上找相关资料，找到了几个插件，ZeroClipboard是通过flash实现的复制功能，随着越来越多的提议废除flash，于是就想能不能通过js来实现复制剪切呢？

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

方法：

复制

复制代码

1
2
3
4
5
6
7
8
9
var copy = new clipBoard(document.getElementById('data'), {
beforeCopy: function() {
},
copy: function() {
return document.getElementById('data').value;
},
afterCopy: function() {
}
});

剪切

复制代码

1
2
3
4
5
6
7
8
9
var cut = new clipBoard(document.getElementById('data'), {
beforeCut: function() {
},
Cut: function() {
return document.getElementById('data').value;
},
afterCut: function() {
}
});

粘贴

复制代码

1
2
3
4
5
6
7
8
9
var paste = new clipBoard(document.getElementById('data'), {
beforePaste: function() {
},
paste: function() {
return document.getElementById('data').value;
},
afterPaste: function() {
}
});