使用jQuery单击按钮复制到剪贴板

Question

使用jQuery单击按钮复制到剪贴板如何将div中的文本复制到剪贴板上？我有一个div，需要添加一个链接，将文本添加到剪贴板。有解决办法吗？<p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry.  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p><a class="copy-text">copy Text</a>单击“复制文本”后，然后按克特 + V它必须粘在一起。

Answer 1

clipboard.js是一个很好的实用工具，它允许将文本或HTML数据复制到剪贴板，而无需使用Flash。它非常容易使用，只需包含.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>

js也在GitHub上。.

2016年1月15日编辑：顶答案曾.编辑今天在我的答复中引用了同样的API，在2015年8月发布。之前的文本指示用户使用ZeroClipboard。我只想说清楚，我并没有从jFriend00的回答中摘取这个信息，而是相反。