JavaScript/TypeScript中最简单的方法是使用此命令

navigator.clipboard.writeText(textExample);

只需在textExample中传递要复制到剪贴板的值

下面是同一网站的基于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();
        }
    }
?>

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

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

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

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

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

我非常成功地使用了这个（没有jQuery或任何其他框架）。

function copyToClp(txt){
    var m = document;
    txt = m.createTextNode(txt);
    var w = window;
    var b = m.body;
    b.appendChild(txt);
    if (b.createTextRange) {
        var d = b.createTextRange();
        d.moveToElementText(txt);
        d.select();
        m.execCommand('copy');
    } 
    else {
        var d = m.createRange();
        var g = w.getSelection;
        d.selectNodeContents(txt);
        g().removeAllRanges();
        g().addRange(d);
        m.execCommand('copy');
        g().removeAllRanges();
    }
    txt.remove();
}

警告

制表符转换为空格（至少在Chrome中）。

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

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

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

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