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>
原创文章，转载请说明出处，谢谢合作
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律