js实现一键复制（可用于复制微信号）

移动端有时候需要显示微信，但是扫码不方便所以使用复制文本的效果来代替。

第一种就是显示文本（也就是微信号），通过长按复制文本来达到复制效果。

第二种就是【一键复制】，例如网新科技的手机端底部的微信复制功能（http://m.ibw.cn）

 

实现方法：

1.先下载文件clipboard.min.js，其官网上压在压缩包后直接找到js文件clipboard.min.js即可。

2.由于微信号这里的input直接隐藏就无法复制，所以只能定位到不在可视页面上显示来当做隐藏的效果。

使用代码

<script src="js/clipboard.min.js"></script>
<div style="position:absolute; top:-9999em; left:-9999em; z-index:-999;"><input id="foo" type="text" value="这里修改成你的微信号"></div>

<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">微信咨询</button>

 

<script>
	var clipboard = new ClipboardJS('.btn');
	clipboard.on('success', fu