javascript - 如何让我的复制和粘贴功能保持新行格式？

Question

我只需要它在 Google Chrome 上运行，因此不需要多浏览器兼容代码。

这是我用来将文本复制到剪贴板的 JS 函数。

 // Copy text to clip-board JS
  
  function copy(txt){
    var cb = document.getElementById("cb");
    cb.value = txt;
    cb.style.display='block';
    cb.select();
    document.execCommand('copy');
    cb.style.display='none';
  }

 var var1='download here: \n www.link-to-download.com';

这是我的 HTML

  <button class="buttonClass" onclick="copy(softwareinstall)">Install software</button>
    <textarea id="cb" style="display: none"></textarea>

当我单击该按钮时，它将复制到剪贴板，但是当我将内容粘贴到其他地方(例如记事本和 Outlook)时，文本全部在一行上，而\n 不执行任何操作。

我希望将字符串分成 2 个单独的行。

提前谢谢您。

Answer 1

如果它是一个选项，您可以使用 navigator.clipboard.writeText() 而不是 document.execCommand() 轻松保留文本内容，因为这不会从 DOM 复制。像这样的东西:

const str = "Text \n on \n different lines";
navigator.clipboard.writeText(str).then(() =>
   console.log("copied")
);