以下方法适用于Chrome、Firefox、Internet Explorer和Edge以及Safari的最新版本（2016年10月发布的第10版增加了复制支持）。

创建一个文本区域，并将其内容设置为要复制到剪贴板的文本。将文本区域附加到DOM。在文本区域中选择文本。调用document.execCommand（“copy”）从dom中删除文本区域。

注意：您不会看到文本区域，因为它是在Javascript代码的同一同步调用中添加和删除的。

如果您自己执行此操作，请注意以下事项：

出于安全原因，这只能从事件处理程序（如单击）调用（与打开窗口一样）。首次更新剪贴板时，Internet Explorer将显示权限对话框。Internet Explorer和Edge将在文本区域聚焦时滚动。execCommand（）在某些情况下可能抛出。除非您使用文本区域，否则换行符和制表符可能会被吞入。（大多数文章似乎都建议使用div）当显示Internet Explorer对话框时，文本区域将可见，您需要隐藏它，或使用Internet Explorer特定的剪贴板数据API。在Internet Explorer中，系统管理员可以禁用剪贴板API。

下面的函数应该尽可能干净地处理以下所有问题。如果您发现任何问题或有任何改进建议，请留言。

// Copies a string to the clipboard. Must be called from within an
// event handler such as click. May return false if it failed, but
// this is not always possible. Browser support for Chrome 43+,
// Firefox 42+, Safari 10+, Edge and Internet Explorer 10+.
// Internet Explorer: The clipboard feature may be disabled by
// an administrator. By default a prompt is shown the first
// time the clipboard is used (per session).
function copyToClipboard(text) {
    if (window.clipboardData && window.clipboardData.setData) {
        // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
        return window.clipboardData.setData("Text", text);

    }
    else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
        var textarea = document.createElement("textarea");
        textarea.textContent = text;
        textarea.style.position = "fixed";  // Prevent scrolling to bottom of page in Microsoft Edge.
        document.body.appendChild(textarea);
        textarea.select();
        try {
            return document.execCommand("copy");  // Security exception may be thrown by some browsers.
        }
        catch (ex) {
            console.warn("Copy to clipboard failed.", ex);
            return prompt("Copy to clipboard: Ctrl+C, Enter", text);
        }
        finally {
            document.body.removeChild(textarea);
        }
    }
}

https://jsfiddle.net/fx6a6n6x/

这是Chase Seibert答案的扩展，其优点是它适用于IMAGE和TABLE元素，而不仅仅是Internet Explorer 9上的DIV。

if (document.createRange) {
    // Internet Explorer 9 and modern browsers
    var r = document.createRange();
    r.setStartBefore(to_copy);
    r.setEndAfter(to_copy);
    r.selectNode(to_copy);
    var sel = window.getSelection();
    sel.addRange(r);
    document.execCommand('Copy');  // Does nothing on Firefox
} else {
    // Internet Explorer 8 and earlier. This stuff won't work
    // on Internet Explorer 9.
    // (unless forced into a backward compatibility mode,
    // or selecting plain divs, not img or table).
    var r = document.body.createTextRange();
    r.moveToElementText(to_copy);
    r.select()
    r.execCommand('Copy');
}

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

navigator.clipboard.writeText(textExample);

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

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

以下方法适用于Chrome、Firefox、Internet Explorer和Edge以及Safari的最新版本（2016年10月发布的第10版增加了复制支持）。

创建一个文本区域，并将其内容设置为要复制到剪贴板的文本。将文本区域附加到DOM。在文本区域中选择文本。调用document.execCommand（“copy”）从dom中删除文本区域。

注意：您不会看到文本区域，因为它是在Javascript代码的同一同步调用中添加和删除的。

如果您自己执行此操作，请注意以下事项：

出于安全原因，这只能从事件处理程序（如单击）调用（与打开窗口一样）。首次更新剪贴板时，Internet Explorer将显示权限对话框。Internet Explorer和Edge将在文本区域聚焦时滚动。execCommand（）在某些情况下可能抛出。除非您使用文本区域，否则换行符和制表符可能会被吞入。（大多数文章似乎都建议使用div）当显示Internet Explorer对话框时，文本区域将可见，您需要隐藏它，或使用Internet Explorer特定的剪贴板数据API。在Internet Explorer中，系统管理员可以禁用剪贴板API。

下面的函数应该尽可能干净地处理以下所有问题。如果您发现任何问题或有任何改进建议，请留言。

// Copies a string to the clipboard. Must be called from within an
// event handler such as click. May return false if it failed, but
// this is not always possible. Browser support for Chrome 43+,
// Firefox 42+, Safari 10+, Edge and Internet Explorer 10+.
// Internet Explorer: The clipboard feature may be disabled by
// an administrator. By default a prompt is shown the first
// time the clipboard is used (per session).
function copyToClipboard(text) {
    if (window.clipboardData && window.clipboardData.setData) {
        // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
        return window.clipboardData.setData("Text", text);

    }
    else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
        var textarea = document.createElement("textarea");
        textarea.textContent = text;
        textarea.style.position = "fixed";  // Prevent scrolling to bottom of page in Microsoft Edge.
        document.body.appendChild(textarea);
        textarea.select();
        try {
            return document.execCommand("copy");  // Security exception may be thrown by some browsers.
        }
        catch (ex) {
            console.warn("Copy to clipboard failed.", ex);
            return prompt("Copy to clipboard: Ctrl+C, Enter", text);
        }
        finally {
            document.body.removeChild(textarea);
        }
    }
}

https://jsfiddle.net/fx6a6n6x/

我在从Excel（类似Excel）构建自定义网格编辑以及与Excel的兼容性方面遇到了同样的问题。我必须支持选择多个单元格、复制和粘贴。

解决方案：创建一个文本区域，您将在其中插入数据，供用户复制（当用户选择单元格时为我），设置焦点（例如，当用户按下Ctrl键时）并选择整个文本。

因此，当用户按下Ctrl+C时，他/她会复制他/她选择的单元格。测试后，只需将文本区域调整为一个像素（我没有测试它是否能在显示器上工作：无）。它在所有浏览器上都能很好地工作，并且对用户是透明的。

粘贴-你可以这样做（不同于你的目标）-关注文本区域并使用onpaste捕捉粘贴事件（在我的项目中，我使用单元格中的文本区域进行编辑）。

我不能粘贴一个例子（商业项目），但你明白了。