Javascript 将 html 格式的 <p> 标签复制到剪贴板-6ren

Javascript 将 html 格式的
标签复制到剪贴板

转载作者：太空宇宙更新时间：2023-11-03 20:28:06

24

4

我正在尝试使用 javascript 从 p 标记复制所有内容。它有效，但它会将文本复制到一长行文本中。我希望它使用中断标记以格式复制，就像有人像这样使用鼠标复制/粘贴一样:

当前时间::

找到时间::

环境温度:°C

注意事项:

频率:

可重现吗？”

非常感谢您的帮助。

  <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>title</title>
      </head>
      <body> 
      <h2>Documentation Sheet</h2>

     <p id="p1">
     Current Time: :<br>
     Time Found: :<br>
     Ambient Temp: °C<br>
     <br>
     <br>
     Notes:
     <br>
     <br>
     Frequency:<br>
    Reproducible? 
     </p>

      <button onclick="copyToClipboard('#p1')">Copy text</button>

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

      </body>

      <script>

      function copyToClipboard(element) {
      var $temp = $("<input>");
      $("body").append($temp);
      $temp.val($(element).text()).select();
      document.execCommand("copy");
      $temp.remove();
    }
      </script>
    </html>ere

最佳答案

可以编写一个函数来执行此操作:

function copyToClipboard(id) {
        var from = document.getElementById(id);
        var range = document.createRange();
        window.getSelection().removeAllRanges();
        range.selectNode(from);
        window.getSelection().addRange(range);
        document.execCommand('copy');
        window.getSelection().removeAllRanges();
 }

注意:我的解决方案不需要 jQuery，并将文档 ID 作为输入，所以不要忘记省略“#”!

只需按如下方式使用它:

 <button onClick="copyToClipboard('p1')">Copy text</button>

关于Javascript 将 html 格式的 <p> 标签复制到剪贴板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49247129/

24

4

0

文章推荐： html - 第二个 `li` 列中的第一个 `ul` 元素没有边距？

文章推荐： html - 风格="display: block"和风格="display: "的区别

文章推荐： c# - 对大于 255 的整数进行字符转换

首页

博学

6Ren·AI

商城

Javascript 将 html 格式的
标签复制到剪贴板

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

Javascript 将 html 格式的 标签复制到剪贴板

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

Javascript 将 html 格式的
标签复制到剪贴板

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内