JS实现复制功能 

 1 <html>
 2     <head>
 3 
 4         <script type="text/javascript">
 5             function copyText() {
 6             var text = document.getElementById("text").innerText;
 7             var input = document.getElementById("input");
 8             input.value = text; // 修改文本框的内容 
 9             input.select(); // 选中文本 
10             document.execCommand("copy"); // 执行浏览器复制命令 
11             alert("复制成功"); 
12         }
13         </script>
14 
15         <style type="text/css">
16             .wrapper {
17             position: relative;
18             }
19             #input {
20             position: absolute;
21             top: 0;
22             left: 0;
23             opacity: 0;
24             z-index: -10;
25             }
26         </style>
27     </head>
28 
29     <body>
30         <div class="wrapper">
31         <p id="text">我把你当兄弟你却想着复制我？</p>
32         <textarea id="input">这是幕后黑手</textarea>
33         <button onclick="copyText()">copy</button>
34         </div>
35     </body>
36 </html>

 

 

posted @ 2022-01-04 12:08  勤快的懒羊羊  阅读(120)  评论(0)  编辑  收藏  举报