七夏 发表于 2024-7-10 08:07:05

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

复制内容到剪贴板
<style type="text/css">
   .wrapper {position: relative;}
   #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
</style>

<div class="wrapper">
   <p id="text">内容</p>
   <textarea id="input"></textarea>
   <button onclick="copyText()">复制内容</button>
</div>
<script type="text/javascript">
    function copyText() {
      var text = document.getElementById("text").innerText;
      var input = document.getElementById("input");
      input.value = text; // 修改文本框的内容
      input.select(); // 选中文本
      document.execCommand("copy"); // 执行浏览器复制命令
      alert("复制成功");
    }
</script>



SanS三石 发表于 2024-7-10 11:23:39

滴~学生卡,打卡成功!楼主辛苦了,祝楼主:开心每一天🥰,打卡时间:2024年07月10日 11:23:39
页: [1]
查看完整版本: 点击按钮复制div或者p标签内容