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

142 阅读 0 评论 94 点赞

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

概述

摘要：

最近做了一个项目，其中有这样一需求：实现一个点击按钮复制链接的功能，通过网上找相关资料，找到了几个插件，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() {
}
});