使用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&nbsp;id='markup-copy'>Copy&nbsp;Button</button><script> &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('markup-copy').addEventListener('click',&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clipboard.copy({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'text/plain':&nbsp;'Markup&nbsp;text.&nbsp;Paste&nbsp;me&nbsp;into&nbsp;a&nbsp;rich&nbsp;text&nbsp;editor.', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'text/html':&nbsp;'<i>here</i>&nbsp;is&nbsp;some&nbsp;<b>rich&nbsp;text</b>' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).then( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(){console.log('success');&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(err){console.log('failure',&nbsp;err); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;});</script>js也在GitHub上。.2016年1月15日编辑：顶答案曾.编辑今天在我的答复中引用了同样的API，在2015年8月发布。之前的文本指示用户使用ZeroClipboard。我只想说清楚，我并没有从jFriend00的回答中摘取这个信息，而是相反。