返回列表 发布新帖
查看: 17|回复: 1

[网站教程] 点击按钮复制div或者p标签内容

  离线 
灌水成绩
624
615
4180
主题
回帖
积分

等级头衔
UID : 1
等级 : 管理员

积分成就
威望 : 657 点
贡献 : 1490 点
蛋壳 : 2824 枚
在线时间 : 975 小时
注册时间 : 2023-12-27
最后登录 : 2024-7-15

荣誉勋章

荣誉会员优秀作者实习版主超级版主帅哥认证管理员最佳新人活跃会员热心会员推广达人宣传达人灌水之王部落真神优秀版主论坛元老

发表于 5 天前 | 查看全部 |阅读模式 来自: 山东泰安

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
复制内容到剪贴板
  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. <div class="wrapper">
  6.    <p id="text">内容</p>
  7.    <textarea id="input"></textarea>
  8.    <button onclick="copyText()">复制内容</button>
  9. </div>
  10. <script type="text/javascript">
  11.     function copyText() {
  12.       var text = document.getElementById("text").innerText;
  13.       var input = document.getElementById("input");
  14.       input.value = text; // 修改文本框的内容
  15.       input.select(); // 选中文本
  16.       document.execCommand("copy"); // 执行浏览器复制命令
  17.       alert("复制成功");
  18.     }
  19.   </script>
复制代码
终于到了小时候羡慕的年纪,你现在怎么不笑了?
  在线 
灌水成绩
378
6939
9965
主题
回帖
积分

等级头衔
UID : 79
等级 : 超级版主

积分成就
威望 : 558 点
贡献 : 1287 点
蛋壳 : 23302 枚
在线时间 : 1261 小时
注册时间 : 2024-4-13
最后登录 : 2024-7-15

荣誉勋章

荣誉会员帅哥认证最佳新人活跃会员灌水之王实习版主推广达人宣传达人论坛元老热心会员优秀作者优秀版主超级版主

发表于 5 天前 | 查看全部 来自: 上海
滴~学生卡,打卡成功!楼主辛苦了,祝楼主:开心每一天🥰,打卡时间:2024年07月10日 11:23:39
【荷包蛋部落】官方群:荷包蛋部落 - HBD0.CN
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

8641340@qq.com

欢迎各位朋友加入本社区,
共同维护良好的社区氛围
  • 加入QQ群
  • 添加微信客服
Powered by Discuz! X3.5 Licensed  Copyright © 2001-2024 荷包蛋部落 版权所有 All Rights Reserved. 鲁ICP备20023396号-6
关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表