点击按钮复制div或者p标签内容

七夏

复制内容到剪贴板

1. <style type="text/css">
   
2.    .wrapper {position: relative;}
   
3.    #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
   
4. </style>
   
5. 
   
6. <div class="wrapper">
   
7.    <p id="text">内容</p>
   
8.    <textarea id="input"></textarea>
   
9.    <button onclick="copyText()">复制内容</button>
   
10. </div>
    
11. <script type="text/javascript">
    
12.     function copyText() {
    
13.       var text = document.getElementById("text").innerText;
    
14.       var input = document.getElementById("input");
    
15.       input.value = text; // 修改文本框的内容
    
16.       input.select(); // 选中文本
    
17.       document.execCommand("copy"); // 执行浏览器复制命令
    
18.       alert("复制成功");
    
19.     }
    
20.   </script>

复制代码

SanS三石

滴~学生卡，打卡成功！楼主辛苦了，祝楼主：开心每一天🥰，打卡时间：2024年07月10日 11:23:39