我不愿意就此再加一个答案，但我想帮助像我这样的菜鸟，因为这是谷歌排名第一的结果。

在2022年，要将文本复制到剪贴板，您需要使用一行。

navigator.clipboard.writeText(textToCopy);

这将返回一个Promise，如果它复制，则该Promise将被解析，如果失败，则该Promise将被拒绝。

完整的工作功能如下：

async function copyTextToClipboard(textToCopy) {
    try {
        await navigator.clipboard.writeText(textToCopy);
        console.log('copied to clipboard')
    } catch (error) {
        console.log('failed to copy to clipboard. error=' + error);
    }
}

警告！如果您在测试时打开了Chrome开发工具，它将失败，因为浏览器要启用剪贴板，需要将窗口聚焦。这是为了防止随意网站更改剪贴板（如果你不想的话）。开发工具窃取了这一焦点，所以关闭开发工具，你的测试就会成功。

如果您想将其他内容（图像等）复制到剪贴板，请查看这些文档。

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API

这在浏览器中得到了很好的支持，您可以使用它。如果您担心Firefox，请使用权限查询来显示或隐藏按钮（如果浏览器支持）。https://developer.mozilla.org/en-US/docs/Web/API/Permissions/query

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

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

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

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

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

我的错。这仅适用于Internet Explorer。

这里还有另一种复制文本的方法：

<p>
    <a onclick="window.clipboardData.setData('text', document.getElementById('Test').innerText);">Copy</a>
</p>

由于Chrome 42+和Firefox 41+现在支持document.execCommand（'copy'）命令，我结合Tim Down的旧答案和Google Developer的答案，创建了两个跨浏览器复制到剪贴板的功能：

函数selectElementContents（el）{//复制textarea、pre、div等。if（document.body.createTextRange）{//Internet Explorervar textRange=document.body.createTextRange（）；text范围.移动到元素文本（el）；text范围.选择（）；textRange.execCommand（“复制”）；}否则如果（window.getSelection&&document.createRange）{//非Internet Explorervar range=document.createRange（）；range.selectNodeContents（el）；var sel=window.getSelection（）；sel.removeAllRanges（）；sel.addRange（范围）；尝试{var success=document.execCommand（'copy'）；var msg=成功？'success'：'不成功'；console.log（'复制命令为'+msg）；}捕获（错误）{console.log（“糟糕，无法复制”）；}}}//结束函数selectElementContents（el）函数make_copy_button（el）{var copy_btn=document.createElement（'input'）；copy_btn.type=“按钮”；el.parentNode.insertBefore（copy_btn，el.nexSibling）；copy_btn.onclick=函数（）{selectElementContents（el）；};if（document.queryCommandSupported（“copy”）||parseInt（navigator.userAgent.match（/Chrom（e|ium）\/（[0-9]+）\./）[2]) >= 42) {//复制适用于Internet Explorer 4+、Chrome 42+、Firefox 41+、Opera 29+copy_btn.value=“复制到剪贴板”；}其他{//仅适用于Safari和旧版Chrome、Firefox和Operacopy_btn.value=“全选（然后按Ctrl+C复制）”；}}/*注意：document.queryCommandSupported（“copy”）在支持复制的浏览器上应返回“true”，但Chrome版本42到47中存在一个错误，使其返回“false”。所以在那些版本的Chrome功能检测不起作用！看见https://code.google.com/p/chromium/issues/detail?id=476508*/make_copy_button（document.getElementById（“标记”））；<pre-id=“markup”>可以通过跨浏览器支持复制或选择的文本。</pre>

如果您想要一个真正简单的解决方案（集成时间不到5分钟），并且开箱即用看起来很好，那么Clippy是一些更复杂解决方案的一个不错的替代方案。

它是由GitHub的一位联合创始人撰写的。Flash嵌入代码示例如下：

<object
    classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    width="110"
    height="14"
    id="clippy">

    <param name="movie" value="/flash/clippy.swf"/>
    <param name="allowScriptAccess" value="always"/>
    <param name="quality" value="high"/>
    <param name="scale" value="noscale"/>
    <param NAME="FlashVars" value="text=#{text}"/>
    <param name="bgcolor" value="#{bgcolor}"/>
    <embed
        src="/flash/clippy.swf"
        width="110"
        height="14"
        name="clippy"
        quality="high"
        allowScriptAccess="always"
        type="application/x-shockwave-flash"
        pluginspage="http://www.macromedia.com/go/getflashplayer"
        FlashVars="text=#{text}"
        bgcolor="#{bgcolor}"/>
</object>

记住用需要复制的文本替换#{text}，用颜色替换#{bgcolor}。

我最近写了一篇关于这个问题的技术博客文章（我在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有一些选项，允许用户授予某些站点访问剪贴板的权限，但我没有亲自尝试过这些选项。