Clipboard.js 不依赖Flash，把浏览器内容复制到系统剪贴板

clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+

<!-- https://clipboardjs.com 官网-->

1. js引用
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="clipboard.min.js"></script>

2.代码

<!-- 复制点击按钮节点中的内容 -->
<a href="javascript:void(0);" class="copyInfo1" data-clipboard-action="copy" data-clipboard-text="">点击复制1</a>
<a href="javascript:void(0);" class="copyInfo2" data-clipboard-action="copy" data-clipboard-target="#b">点击复制2</a>
<div class="a">11111111</div>
<div id="b">22222222</div>
<div class="c">33333333</div>


<script type="text/javascript">
$(function(){
  //复制点击按钮节点中的内容 data-clipboard-text
$(".copyInfo1").attr("data-clipboard-text","啥简单介绍大花轿_哈啊哈哈_好看好看手机壳");
});
//第一种：复制点击按钮节点中的内容
var clipboard1 = new Clipboard('.copyInfo1');
//点击点击成功后提示
clipboard1.on('success', function(e) {
alert(e.text);
         console.log(e.text);
 });
 clipboard1.on('error', function(e) {
     console.log(e);
 });

//第二种：复制指定节点中的内容
var clipboard2 = new Clipboard('.copyInfo2');
//点击点击成功后提示
clipboard2.on('success', function(e) {
alert(e.text);
         console.log(e.text);
     });
 
 clipboard2.on('error', function(e) {
     console.log(e);
 });
</script>

3.判断浏览器是否支持

The good news is that clipboard.js gracefully degrades if you need to support older browsers. All you have to do is show a tooltip saying Copied! when success event is called and Press Ctrl+C to copy when error event is called because the text is already selected.

You can also check if clipboard.js is supported or not by runningClipboard.isSupported(), that way you can hide copy/cut buttons from the UI.