如何将文本复制到剪贴板（多浏览器）？
相关：Trello如何访问用户的剪贴板？
当前回答
由于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' />
如果用户不知道如何在操作系统中复制文本，那么他们很可能也不知道如何粘贴。因此，只需自动选择它，剩下的留给用户。
从网页读取和修改剪贴板会引发安全和隐私问题。然而，在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”/>
ZeroClipboard是我找到的最好的跨浏览器解决方案：
<div id="copy" data-clipboard-text="Copy Me!">Click to copy</div>
<script src="ZeroClipboard.js"></script>
<script>
var clip = new ZeroClipboard( document.getElementById('copy') );
</script>
如果您需要iOS的非Flash支持，只需添加一个回退：
clip.on( 'noflash', function ( client, args ) {
$("#copy").click(function(){
var txt = $(this).attr('data-clipboard-text');
prompt ("Copy link, then click OK.", txt);
});
});
http://zeroclipboard.org/
https://github.com/zeroclipboard/ZeroClipboard
其他方法将纯文本复制到剪贴板。要复制HTML（即，可以将结果粘贴到所见即所得编辑器中），只能在Internet Explorer中执行以下操作。这与其他方法有根本不同，因为浏览器实际上可以直观地选择内容。
// Create an editable DIV and append the HTML content you want copied
var editableDiv = document.createElement("div");
with (editableDiv) {
contentEditable = true;
}
editableDiv.appendChild(someContentElement);
// Select the editable content and copy it to the clipboard
var r = document.body.createTextRange();
r.moveToElementText(editableDiv);
r.select();
r.execCommand("Copy");
// Deselect, so the browser doesn't leave the element visibly selected
r.moveToElementText(someHiddenDiv);
r.select();
下面是同一网站的基于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();
}
}
?>
