javascript - 需要一种在 copyToClipboard 中添加换行符的方法

Question

我使用下面的 JavaScript 从网页上的所有(多个)code 元素复制文本:

<p id="p1">Copy all code</p>

<button onclick="copyToClipboard('code')">Copy TEXT 1</button>

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

这很有用，因为如果页面上有很多代码片段，并且您想要全部代码片段，则不必一一复制它们。不过，最好用空行分隔复制的代码。

例如，如果我有:

<code>This is code snippet 1
</code>

<code>This is code snippet 2
</code>

以下内容将被复制到剪贴板:

This is code snippet 1This is code snippet 2

我需要的是代码之间的换行，如下所示:

This is code snippet 1
This is code snippet 2

正如您可能猜到的那样，我想在不更改 code 片段内容的情况下执行此操作。

Answer 1

使用<textarea>而不是<input>如果你想使用多行字符串。重复:Copy