将HTML输入中的文本复制到剪贴板：

函数myFunction（）{/*获取文本字段*/var copyText=document.getElementById（“myInput”）；/*选择文本字段*/copyText.select（）；/*复制文本字段中的文本*/document.execCommand（“复制”）；/*提醒复制的文本*/alert（“Copied the text:”+copyText.value）；}<!-- 文本字段--><input type=“text”value=“Hello Friend”id=“myInput”><!-- 用于复制文本-->的按钮<button onclick=“myFunction（）”>复制文本</button>

注意：在Internet Explorer 9和更早版本中不支持document.execCommand（）方法。

来源：W3Schools-将文本复制到剪贴板

clipboard.js是一个小型的非Flash实用程序，允许将文本或HTML数据复制到剪贴板。它非常容易使用，只需包含.js并使用如下内容：

<button id='markup-copy'>Copy Button</button>

<script>
document.getElementById('markup-copy').addEventListener('click', function() {
  clipboard.copy({
    'text/plain': 'Markup text. Paste me into a rich text editor.',
    'text/html': '<i>here</i> is some <b>rich text</b>'
  }).then(
    function(){console.log('success'); },
    function(err){console.log('failure', err);
  });

});
</script>

clipboard.js也在GitHub上。

注意：现在已弃用此选项。迁移到此处。

自动复制到剪贴板可能很危险，因此大多数浏览器（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）”>这是我要复制的内容</button><脚本>函数复制到剪贴板（文本）{window.prpt（“复制到剪贴板：Ctrl+C，Enter”，文本）；}</script>

复制文本字段内文本的最佳方法。使用navigator.clipboard.writeText。

<input type="text" value="Hello World" id="myId">
<button onclick="myFunction()" >Copy text</button>

<script>
function myFunction() {
  var copyText = document.getElementById("myId");
  copyText.select();
  copyText.setSelectionRange(0, 99999);
  navigator.clipboard.writeText(copyText.value);
}

</script>

我喜欢这个：

<input onclick="this.select();" type='text' value='copy me' />

如果用户不知道如何在操作系统中复制文本，那么他们很可能也不知道如何粘贴。因此，只需自动选择它，剩下的留给用户。

通过使用最新的剪贴板API和用户交互，这可以直接实现：

copy.addEventListener（“pointerdown”，（）=>navigator.cclipboard.writeText（“Hello World！”））<button id=“copy”>复制Hello World</按钮>