JS如何实现点击复制功能,JS点击复制文本
div,p等标签不可以,建一个文本框标签,不能给display:none; 我们需要对他进行一个定位,让透明看不见找不到,点击复制,将需要复制的内容赋值给文本框,接着对文本框进行全选,在进行复制操作即可
1 2 3 | <p id= "content" >博客园</p> <textarea id= "text" style= "position: fixed;top: 10000px;left: 10000px;opacity: 0;" ></textarea> <button id= "CopyBtn" >点击复制</button> |
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script> var content = document.getElementById( "content" ).innerText; var text = document.getElementById( "text" ); var CopyBtn = document.getElementById( "CopyBtn" ); CopyBtn.onclick = function(){ // 将需要复制的内容赋值给文本框 text.value = content; // 选中文本框的内容 text. select (); // 对选中的内容进行复制 document.execCommand( "copy" ); } </script> |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构