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

我喜欢这个：

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

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

通过使用最新的剪贴板API和用户交互，这可以直接实现：

copy.addEventListener（“pointerdown”，（）=>navigator.cclipboard.writeText（“Hello World！”））<button id=“copy”>复制Hello World</按钮>

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

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

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

这是Chase Seibert答案的扩展，其优点是它适用于IMAGE和TABLE元素，而不仅仅是Internet Explorer 9上的DIV。

if (document.createRange) {
    // Internet Explorer 9 and modern browsers
    var r = document.createRange();
    r.setStartBefore(to_copy);
    r.setEndAfter(to_copy);
    r.selectNode(to_copy);
    var sel = window.getSelection();
    sel.addRange(r);
    document.execCommand('Copy');  // Does nothing on Firefox
} else {
    // Internet Explorer 8 and earlier. This stuff won't work
    // on Internet Explorer 9.
    // (unless forced into a backward compatibility mode,
    // or selecting plain divs, not img or table).
    var r = document.body.createTextRange();
    r.moveToElementText(to_copy);
    r.select()
    r.execCommand('Copy');
}