自动复制到剪贴板可能很危险，因此大多数浏览器（IE除外）都非常困难。就个人而言，我使用以下简单的技巧：

function copyToClipboard(text) {
  window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
}

将向用户显示提示框，其中已选择要复制的文本。现在它足以按下了 按Ctrl+C 和 输入 （关闭盒子） - 瞧！

现在剪贴板复制操作是SAFE，因为用户手动完成（但是以非常简单的方式）。当然，适用于所有浏览器。

<button id="demo" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">This is what I want to copy</button>

<script>
  function copyToClipboard(text) {
    window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
  }
</script>

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

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

注意：您将看不到textarea，因为它是在Javascript代码的同一个同步调用中添加和删除的。

如果您自己实现这一点，需要注意的一些事项：

• 出于安全原因，这只能从事件处理程序（如click）调用（就像打开窗口一样）。
• IE将在第一次更新剪贴板时显示权限对话框。
• IE和Edge将在textarea聚焦时滚动。
• execCommand（）可能会抛出某些情况。
• 除非您使用textarea，否则可能会吞下新行和制表符。 （大多数文章似乎建议使用div）
• 显示IE对话框时，textarea将可见，您需要隐藏它，或使用IE特定的clipboardData api。
• 在IE系统中，管理员可以禁用剪贴板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 IE 10+.
// IE: 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) {
        // IE specific code path to prevent textarea being shown while dialog is visible.
        return 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 MS 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 false;
        } finally {
            document.body.removeChild(textarea);
        }
    }
}

https://jsfiddle.net/fx6a6n6x/

如果你想要一个非常简单的解决方案（整合时间不到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} 有颜色。

从网页读取和修改剪贴板会引起安全和隐私问题。但是，在Internet Explorer中，可以执行此操作。我找到了这个 示例代码段：

    <script type="text/javascript">
        function select_all(obj) {
            var text_val=eval(obj);
            text_val.focus();
            text_val.select();
            r = text_val.createTextRange();
            if (!r.execCommand) return; // feature detection
            r.execCommand('copy');
        }
    </script>
    <input value="http://www.sajithmr.com"
     onclick="select_all(this)" name="url" type="text" />

我最近写过一篇 技术博客文章 关于这个问题（我在Lucidchart工作，我们最近在剪贴板上进行了大修）。

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

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来实现，这是唯一的跨浏览器方式（据我所知）。

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

这是IE中最简单的，您可以随时通过JavaScript访问clipboardData对象：

window.clipboardData

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

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

document.execCommand('copy');

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

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上

ZeroClipboard是我发现的最佳跨浏览器解决方案：

<div id="copy" data-clipboard-text="Copy Me!">Click to copy</div>    
<script src="ZeroClipboard.js"></script>
<script>
  var clip = new ZeroClipboard( document.getElementById('copy') );
</script>

如果您需要iOS的非Flash支持，您只需添加一个后备：

clip.on( 'noflash', function ( client, args ) {
    $("#copy").click(function(){            
        var txt = $(this).attr('data-clipboard-text');
        prompt ("Copy link, then click OK.", txt);
    });
});  

http://zeroclipboard.org/

https://github.com/zeroclipboard/ZeroClipboard

这是我对那一个的看法..

function copy(text) {
    var input = document.createElement('input');
    input.setAttribute('value', text);
    document.body.appendChild(input);
    input.select();
    var result = document.execCommand('copy');
    document.body.removeChild(input)
    return result;
 }