HTML，js复制文本，输入框或div都能用

最新推荐文章于 2024-05-20 20:00:00 发布

abcshj

最新推荐文章于 2024-05-20 20:00:00 发布

阅读量2.5k

点赞数 1

分类专栏： javascript html 文章标签：文本复制 js

本文链接：https://blog.csdn.net/abcshj/article/details/80318498

版权

javascript 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>

  <style type="text/css">
    *{
      -webkit-user-select: auto;
    }
  </style>

  <body>
    <span id="content">
      你好，好久不见！
    </span>

    <input type="text" id="abc">
    <button id="copyBT">复制</button>
    <script>
      function copyArticle(event) {
        const range = document.createRange();
        range.selectNode(document.getElementById('abc'));

        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
        alert("复制成功！");
      }

      document.getElementById('copyBT').addEventListener('click', copyArticle, false);
    </script>
  </body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

abcshj

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML，js复制文本，输入框或div都能用

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;style type="text/
复制链接

扫一扫