点击复制插件clipboard.js

最新推荐文章于 2022-12-30 22:15:00 发布

weixin_30869099

最新推荐文章于 2022-12-30 22:15:00 发布

阅读量102

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/xutongbao/p/9924905.html

版权

<!DOCTYPE html>        
<html lang="en">        
<head>        
    <meta charset="UTF-8">        
    <title>点击复制插件clipboard.js</title>      
    <style type="text/css">  
    </style>       
</head>        
<body>  
    <span id="test">hello1</span>
    <button id="btn" data-clipboard-target="#test">点击复制</button>
    <button id="btn2" data-clipboard-text="hello2">点击复制2</button>
    <button id="btn3">点击复制3</button>
    <script src="https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.js"></script>
    <script type="text/javascript"> 
        new Clipboard('#btn'); 
        new Clipboard('#btn2'); 
        new Clipboard('#btn3', {
          text: function(trigger) {
            return 'hello3';
          }
        });
    </script>  
</body>        
</html>

备注：欢迎加入web前端求职招聘qq群：668352707

转载于:https://www.cnblogs.com/xutongbao/p/9924905.html