其他方法将纯文本复制到剪贴板。要复制HTML（即，可以将结果粘贴到所见即所得编辑器中），只能在Internet Explorer中执行以下操作。这与其他方法有根本不同，因为浏览器实际上可以直观地选择内容。

// Create an editable DIV and append the HTML content you want copied
var editableDiv = document.createElement("div");
with (editableDiv) {
    contentEditable = true;
}
editableDiv.appendChild(someContentElement);

// Select the editable content and copy it to the clipboard
var r = document.body.createTextRange();
r.moveToElementText(editableDiv);
r.select();
r.execCommand("Copy");

// Deselect, so the browser doesn't leave the element visibly selected
r.moveToElementText(someHiddenDiv);
r.select();

JavaScript/TypeScript中最简单的方法是使用此命令

navigator.clipboard.writeText(textExample);

只需在textExample中传递要复制到剪贴板的值

其他方法将纯文本复制到剪贴板。要复制HTML（即，可以将结果粘贴到所见即所得编辑器中），只能在Internet Explorer中执行以下操作。这与其他方法有根本不同，因为浏览器实际上可以直观地选择内容。

// Create an editable DIV and append the HTML content you want copied
var editableDiv = document.createElement("div");
with (editableDiv) {
    contentEditable = true;
}
editableDiv.appendChild(someContentElement);

// Select the editable content and copy it to the clipboard
var r = document.body.createTextRange();
r.moveToElementText(editableDiv);
r.select();
r.execCommand("Copy");

// Deselect, so the browser doesn't leave the element visibly selected
r.moveToElementText(someHiddenDiv);
r.select();

自动复制到剪贴板可能很危险，因此大多数浏览器（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>

将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-将文本复制到剪贴板

我最近写了一篇关于这个问题的技术博客文章（我在Lucidhart工作，最近我们在剪贴板上做了一次彻底的修改）。

将纯文本复制到剪贴板相对简单，假设您尝试在系统复制事件期间执行此操作（用户按下Ctrl+C或使用浏览器菜单）。

var isIe = (navigator.userAgent.toLowerCase().indexOf("msie")    != -1 ||
            navigator.userAgent.toLowerCase().indexOf("trident") != -1);

document.addEventListener('copy', function(e) {
    var textToPutOnClipboard = "This is some text";
    if (isIe) {
        window.clipboardData.setData('Text', textToPutOnClipboard);
    } else {
        e.clipboardData.setData('text/plain', textToPutOnClipboard);
    }
    e.preventDefault();
});

不在系统复制事件期间将文本放到剪贴板上要困难得多。看起来这些其他答案中的一些引用了通过Flash实现的方法，这是唯一的跨浏览器方式（据我所知）。

除此之外，还有一些基于浏览器的选项。

这是Internet Explorer中最简单的，您可以通过以下方式随时从JavaScript访问clipboardData对象：

window.clipboardData

（当您尝试在系统剪切、复制或粘贴事件之外执行此操作时，Internet Explorer将提示用户授予web应用程序剪贴板权限。）

在Chrome中，您可以创建一个Chrome扩展，它将为您提供剪贴板权限（这是我们为Lucidchart所做的）。然后，对于安装了扩展的用户，您只需要自己触发系统事件：

document.execCommand('copy');

看起来Firefox有一些选项，允许用户授予某些站点访问剪贴板的权限，但我没有亲自尝试过这些选项。