使用clipboard.js复制示例

项目地址：https://github.com/zenorocha/clipboard.js

代码示例为其demo示例

注：示例中的clipboard.min.js为https://github.com/zenorocha/clipboard.js/tree/master/src的clipboard.js

1.复制节点值，下面示例事先对列表中的data-clipboard-text赋值，点击元素就会复制其属性值

    
    
    


    
    Copy
    Copy
    Copy

    
    

    
    

以及这种方式：

    
    
    


    
    Copy
    Copy
    Copy

    
    

    
    

2.复制指定元素，下面事例对指定的标签元素进行复制

    
    
    


    
    Copy
    
hello

    
    

    
    

以及这种方式，指定了要复制的是一个div标签的元素

    
    
    


    
    
hello
    Copy

    
    

    
    

3.动态复制值，下面示例在初始化clipboard对象时，通过text对所要复制的内容进行复制

    
    
    


    
    Copy

    
    

    
    

4.对指定输入框或文本域的内容进行复制

输入框：

    
    
    


    
    
    Copy

    
    

    
    

文本域：

    
    
    


    
    hello
    Cut