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>

从网页读取和修改剪贴板会引发安全和隐私问题。然而，在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”/>

由于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>

我喜欢这个：

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

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

下面是同一网站的基于Ajax/会话的简单剪贴板。

请注意，会话必须启用且有效，并且此解决方案适用于同一站点。我在CodeIgniter上测试了它，但遇到了会话/AAjax问题，但这也解决了这个问题。如果不想玩会话，请使用数据库表。

JavaScript/jQuery

<script type="text/javascript">
    $(document).ready(function() {

        $("#copy_btn_id").click(function(){

            $.post("<?php echo base_url();?>ajax/foo_copy/"+$(this).val(), null,
                function(data){
                    // Copied successfully
                }, "html"
            );
        });

        $("#paste_btn_id").click(function() {

           $.post("<?php echo base_url();?>ajax/foo_paste/", null,
               function(data) {
                   $('#paste_btn_id').val(data);
               }, "html"
           );
        });
    });
</script>

HTML内容

<input type='text' id='copy_btn_id' onclick='this.select();'  value='myvalue' />
<input type='text' id='paste_btn_id' value='' />

PHP代码

<?php
    class Ajax extends CI_Controller {

        public function foo_copy($val){
            $this->session->set_userdata(array('clipboard_val' => $val));
        }

        public function foo_paste(){
            echo $this->session->userdata('clipboard_val');
            exit();
        }
    }
?>