先声明一下，我这个微信复制，是用在了我们的快商通平台上
方法1：
<div id="foo"><span class="btn" style="font-size: 14px; margin-bottom: 5px; cursor: pointer; color: #2cd2cc; display: inline-block; border-radius: 5px; border: #2cd2cc 1px solid; padding: 4px 6px 4px 6px;" >复制号码加我微信</span><textarea style="font-size:0; text-decoration: none;resize: none; border: none;" cols="20" rows="10" id="biao1" >123</textarea></div>
<div><a style="font-size: 14px; cursor: pointer; color: #2cd2cc; display: inline-block; border-radius: 5px; border: #2cd2cc 1px solid; padding: 4px 6px 4px 6px;" href="tel:0351-5281888" >直接给我拨打电话</a></div>
<script type="text/javascript" src="http://m.tywtqc.com/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('.btn').click(function(){
var Url2=document.getElementById("biao1");
Url2.select();
document.execCommand("Copy");
alert("已复制好，可贴粘。");
})
})
</script>
css
js
方法2：
<div class="msg"><p style="margin:0 auto">欢迎来到...！<br>我是课程顾问老师<br>我的电话&</p>
<div><input id="copyVal" style="color: #ff0033; display: inline;" readonly="readonly" type="text" value="12345678912"></div>
<p style="margin:0 auto"><a style="text-decoration: none; border-radius: 8px; padding: 2px 10px; border: 2px solid red; margin: 5px; display: inline-block; font-size: 14px; background: #fff; color: red;" href="tel:123456">拨打电话</a> <button class="copyBtn" style="background: #06A3A6; border-radius: 8px; padding: 5px 10px; border: 2px solid #eee; color: #fff; margin: 5px; display: inline-block; font-size: 14px;" data-clipboard-target="#copyVal">复制微信</button><br>您可留下 <strong style="color: red;">[姓名 电话]</strong> ，参与免费试听课！<br>亲身体验再学习！</p></div>
<script src="http://www.gswtqc.com/statics/js/clipboard.min.js"></script>
<script>
var copyBtn = new ClipboardJS('.copyBtn');
copyBtn.on("success",function(e){
alert(e.text " 微信号复制成功，您可以打开微信添加老师，获取课程及学费！",1500);
});
copyBtn.on("error",function(e){
alert("微信号复制失败,您可以长按手机号复制添加",1500);
});
</script>
以上两种方法，虽说都是微信复制，但是在快商通里头，我的第一种方法却不可行原因是
第一个方法在快商通里面js跑到了上面，它是不执行的，有缺陷，只有在箭头这个位置，才执行
,
