如何在 JavaScript 中复制到剪贴板？

Question

如何将文本复制到剪贴板（多浏览器）？

相关： Trello 如何访问用户的剪贴板？

原文由 Santiago Corredoira 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

自动复制到剪贴板可能很危险，因此大多数浏览器（Internet Explorer 除外）都很难做到这一点。就个人而言，我使用以下简单技巧：

 function copyToClipboard(text) {
  window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
}

用户会看到提示框，其中已选择要复制的文本。现在按 Ctrl + C 和 Enter （关闭框）就足够了——瞧！

现在剪贴板复制操作是 安全 的，因为用户手动执行（但以非常简单的方式）。当然，它适用于所有浏览器。

 <button id="demo" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">This is what I want to copy</button>

<script>
  function copyToClipboard(text) {
    window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
  }
</script>

原文由 Jarek Milewski 发布，翻译遵循 CC BY-SA 4.0 许可协议