概述：

　　clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中 

　　clipboard.js支持主流的浏览器：chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+; 

使用方式：

　　引入js文件：

1 

　　clipboard复印内容的方式有 ：

　　　　- 从target复印目标内容 

　　　　- 通过function 要复印的内容 

　　　　- 通过属性返回复印的内容

从target复印目标内容

　　可以从input、textare、div中通过copy/cut获取内容目标内容，其HTML的代码如下

　　input 

　　data-clipboard-target指向复印节点，这里指input的目标id 

　　data-clipboard-action这里使用copy，同时也可以使用cut，则点击按钮后，内容里的值被剪切。如果没有指定，则默认值是copy。cut只能在input和textare中起作用

1 2 Copy

　　textare 

　　和上面的主要区别只是input和textare不同

1 hello 2 Cut

　　div 

　　和上面的主要区别只是input和div不同

1 
     
      hello_div
     
2 Copy

　　以上的插件的初始化JS代码都是相同：

1  　　

通过function 要复印的内容

　　通过target，text的function复印内容

　　　　通过target的function复印内容 

　　　　通过target指定要复印的节点，这里返回值是‘hello’

1 　　 Copy_target 2     
     
      hello
     
 3  4     

　　通过text的function复印内容 

　　text的function指定的复印内容，这里返回‘to be or not to be’

1  Copy 2  

通过属性返回复印的内容

　　通过data-clipboard-text属性返回复印的内容

　　　　单节点 

　　　　通过id指定节点对象，并做为参数传送给Clipboard。这里的返回值的内容是data-clipboard-text的内容

1 　　　　// 通过id获取复制data-clipboard-text的内容  2　　　 
     
       3         
      Copy 4 　　　
     
 5  6 　　 

　　多节点 

　　通过button返回所有button按钮，并做为参数传送给Clipboard。每个按钮被点击时，返回值的内容是其对应的data-clipboard-text的内容，分别是1，2，3

1 //  多节点获取button的data-clipboard-text值 2 Copy 3 Copy 4 Copy 5 

　　多节点 

　　通过class获取所有button按钮，并做为参数传送给Clipboard。每个按钮被点击时，返回值的内容是其对应的data-clipboard-text的内容，分别是1，2，3

1 //   通过class注册多个button，获取data-clipboard-text的值 2 Copy 3 Copy 4 Copy 5 

原文：http://blog.csdn.net/hry2015/article/details/70941912