js点击复制文本内容到剪切板

zhanglv

1. <div class="tcewm">
   
2.                                 <img class="ewm" src="{dede:global.cfg_wechat/}" alt="">
   
3.                                 <p>截屏，微信识别二维码</p>
   
4.                                 <p>微信号：<span id="text" onclick="copyText()">123123</span></p>
   
5.                                 <textarea id="input">这是幕后黑手</textarea>
   
6.                                 <p>（点击微信号复制，添加好友）</p>
   
7.                                 <p><a href="weixin://">打开微信</a></p>
   
8.                                 <img class="close" src="/m/skin/images/close.png" alt="">
   
9.                         </div>
   
10.                         <style>
    
11.                                 #input {
    
12.                                         position: absolute;
    
13.                                         top: 0;
    
14.                                         left: 0;
    
15.                                         opacity: 0;
    
16.                                         z-index: -10;
    
17.                                 }
    
18.                         </style>
    
19.                         <script>
    
20.                                 function copyText() {
    
21.                                         var text = document.getElementById("text").innerText;
    
22.                                         var input = document.getElementById("input");
    
23.                                         input.value = text; // 修改文本框的内容
    
24. 
    
25.                                         input.select(); // 选中文本
    
26. 
    
27.                                         document.execCommand("copy"); // 执行浏览器复制命令
    
28. 
    
29.                                         alert("复制成功！");
    
30.                                 }
    
31.                         </script>

复制代码