2018年，你可以这样做：

async copySomething(text?) {
  try {
    const toCopy = text || location.href;
    await navigator.clipboard.writeText(toCopy);
    console.log('Text or Page URL copied');
  }
  catch (err) {
    console.error('Failed to copy: ', err);
  }
}

它在我的Angular 6+代码中使用如下：

<button mat-menu-item (click)="copySomething()">
    <span>Copy link</span>
</button>

如果我传入一个字符串，它就会复制它。如果没有，它会复制页面的URL。

也可以在剪贴板上做更多的体操。在此处查看更多信息：

取消阻止剪贴板访问

从网页读取和修改剪贴板会引发安全和隐私问题。然而，在Internet Explorer中，可以这样做。我找到了以下示例片段：

<script type=“text/javascript”>函数select_all（obj）{var text_val=评估（对象）；text_val.focus（）；text_val.select（）；r=text_val.createTextRange（）；if（！r.execCommand）return；//特征检测r.execCommand（'copy'）；}</script><输入值=“http://www.sajithmr.com"onclick=“select_all（this）”name=“url”type=“text”/>

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

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

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

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

在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

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上。

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

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