单击按钮时将不同文本区域的文本复制到剪贴板答案

【问题标题】：Copying text of different textareas to clipboard when button is clicked单击按钮时将不同文本区域的文本复制到剪贴板
【发布时间】：2020-09-02 15:17:18
【问题描述】：

我是一个超级新手——提前致谢！

我正在寻找一个 javascript 按钮，它可以从多个文本区域中选择所有内容，然后在您单击按钮时将文本复制到剪贴板。

我正在尝试在一个页面上共享多个视频嵌入代码，并为用户提供一个按钮以将嵌入代码复制到剪贴板。

来自 karoluS 的这个答案很有帮助，但我缺少一些东西，在一个页面上有多个文本区域，按钮可以从中选择文本。

Copying text of textarea in clipboard when button is clicked

如果我使用不同的 Id，一个按钮可以从不同的文本区域中选择吗？

【问题讨论】：

你有没有看到这个问题How do I copy to the clipboard in JavaScript?。您可以遍历您的文本区域并将所有值累积到一个字符串中，然后使用描述的方法之一将字符串复制到剪贴板

标签： javascript html textarea

【解决方案1】：

使用您链接的答案背后的想法，我们可以将任何内容复制到剪贴板。通过快速制作我们自己的文本区域，添加您要选择的值，复制然后删除所有幕后的文本区域。

function copyToClipboard (value) {
  const el = document.createElement('textarea');
  el.value = value;
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);
};

现在您只需要确定要复制的值是什么以及如何获取它。例如，如果您有多个文本框循环遍历它们并将它们的内容添加到一个字符串中，然后在该字符串上调用 copyToClipboard

【讨论】：