先声明一下，我这个微信复制，是用在了我们的快商通平台上

方法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=";></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=";></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跑到了上面，它是不执行的，有缺陷，只有在箭头这个位置，才执行