我把我认为最好的东西放在一起了。

使用cssText避免Internet Explorer中的异常，而不是直接使用样式。如果有选择，则恢复选择设置为只读，以便移动设备上不会出现键盘有一个适用于iOS的解决方案，因此它实际上可以像通常阻止execCommand一样工作。

这里是：

const copyToClipboard = (function initClipboardText() {
  const textarea = document.createElement('textarea');

  // Move it off-screen.
  textarea.style.cssText = 'position: absolute; left: -99999em';

  // Set to readonly to prevent mobile devices opening a keyboard when
  // text is .select()'ed.
  textarea.setAttribute('readonly', true);

  document.body.appendChild(textarea);

  return function setClipboardText(text) {
    textarea.value = text;

    // Check if there is any content selected previously.
    const selected = document.getSelection().rangeCount > 0 ?
      document.getSelection().getRangeAt(0) : false;

    // iOS Safari blocks programmatic execCommand copying normally, without this hack.
    // https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios
    if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
      const editable = textarea.contentEditable;
      textarea.contentEditable = true;
      const range = document.createRange();
      range.selectNodeContents(textarea);
      const sel = window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
      textarea.setSelectionRange(0, 999999);
      textarea.contentEditable = editable;
    }
    else {
      textarea.select();
    }

    try {
      const result = document.execCommand('copy');

      // Restore previous selection.
      if (selected) {
        document.getSelection().removeAllRanges();
        document.getSelection().addRange(selected);
      }

      return result;
    }
    catch (err) {
      console.error(err);
      return false;
    }
  };
})();

用法：复制到剪贴板（“部分文本”）

我喜欢这个：

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

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

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

在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

该代码于2021 5月测试。在Chrome、IE和Edge上工作下面的message参数是要复制的字符串值。

<script type="text/javascript">
    function copyToClipboard(message) {
        var textArea = document.createElement("textarea");
        textArea.value = message;
        textArea.style.opacity = "0"; 
        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();


        try {
            var successful = document.execCommand('copy');
            var msg = successful ? 'successful' : 'unsuccessful';
            alert('Copying text command was ' + msg);
        } catch (err) {
            alert('Unable to copy value , error : ' + err.message);
        }

        document.body.removeChild(textArea);
    }

</script>

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

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

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

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

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

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

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