微信h5实现复制内容到剪贴板，两种方法

先介绍第一种，这种方法对ios有一些不兼容，不过也看运气😢

先写HTML内容

 <p class="DzWx">
  <span class="wx">微信：<span id="wxContent"> 22</span></span>
  <button class="copy" id="copyId">复制</button>
</p>

JS代码

首先引入jq
<script src="./jquery.min.js"></script>

$(".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
            });
    }

然后我们需要复制什么内容

<div onclick="copy("我要复制的内容")></div>
相当于调用这个方法，然后给message赋值

然后这有个不好的表现，因为它是生成一个input嘛，肯定复制的时候会有焦点触发和生成一个input

焦点触发这个我封装的代码已经解决了，生成一个input框，你不想看见直接给它隐藏就好了，这就css样式了😄