在一些涉及到个人信息比较多的h页面,经常可能会出现复制账号到剪切板的功能,那么怎么用js怎么实现复制粘贴功能呢?正好最近开发的模块中又有一个这样的功能,总结一下,方便后面使用。
效果图
核心代码
<input type="hidden" id="forCopy" value="microman756">
require(['clipBoard'],function(clipBoard){
var el = document.getElementById('forCopy'),
clip = new clipBoard(el, {
copy: function() {
return el.value;
},
afterCopy: function() {
$.tip({content: '复制成功'})
}
})
这里require了一个js插件,插件里实现了复制(copy)、剪切(cut)、粘贴(paste)三个方法,备份到github:https://github.com/helijun/component/tree/master/clipBoard