先介绍第一种,这种方法对ios有一些不兼容,不过也看运气
先写HTML内容
微信:22
复制
JS代码
首先引入jq
$(".copy")[0].onclick = function(){
var txt = $('#wxContent').text();
Copy(txt);
}
// 复制微信号函数
function Copy(str) {
var save = function(e) {
e.clipboardData.setData('text/plain', str);
e.preventDefault();
};
document.addEventListener('copy', save);
document.execCommand('copy');
document.removeEventListener('copy', save);
console.log('复制成功');
}
第二种方法,比第一种兼容性好,但是需要添加一下样式
这是封装了一个方法
function copy(message) {
var input = document.createElement("input");
input.value = message;
document.body.appendChild(input);
input.setAttribute("readonly","readonly");
input.select();
input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
layer.open({ //移动端引入的一个插件,可以自己百度一下怎么用
content: '复制成功',
skin: 'msg',
time: 2
});
}
然后我们需要复制什么内容
相当于调用这个方法,然后给message赋值
然后这有个不好的表现,因为它是生成一个input嘛,肯定复制的时候会有焦点触发和生成一个input
焦点触发这个我封装的代码已经解决了,生成一个input框,你不想看见直接给它隐藏就好了,这就css样式了