clipboard.js实现页面内容复制到剪贴板

1、引入js库存

<script src="https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js"></script>

2、编写js代码

 <script type="text/javascript">
        $(document).ready(function(){
            var clipboard = new Clipboard('.btn');
            clipboard.on('success', function(e) {
                console.info('Action:', e.action);
                console.info('Text:', e.text);
                console.info('Trigger:', e.trigger);
                e.clearSelection();
            });
            clipboard.on('error', function(e) {
                console.error('Action:', e.action);
                console.error('Trigger:', e.trigger);
            });
        })
    </script>

3、html代码
设置button的属性:
data-clipboard-text=”http://www.hbcloudwide.com/oss/video/7″
class=’btn’;

4、去记事本,粘贴一下,查看您的剪贴板会显示:‘我是被复制的内容哦。’

5、更多精彩内容查看
https://clipboardjs.com/

发表评论

电子邮件地址不会被公开。 必填项已用*标注