复制到剪切板,微信浏览器,clipboard.js插件

其实我也不太懂这个粘贴,复制,但是使用这个插件,简单就能实现了,所以写下来记录一下

1. 首先引入插件,用CDN

<script type='text/javascript' src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>

html页面

<div class="text">我是要复制的文字</div>
<div class="btnCopy" data-clipboard-text="我是要复制的文字">点击复制</div>

js页面,clipboard.js插件实例

              //初始化复制到剪切板;
                var clipboard = new Clipboard('.btnCopy').on('success', function(e) {
                    var e = e || window.event;
                    //console.log(e);
                    console.log('已复制！');
                }).on('error', function(e) {
                    console.log(e);
                });
        

就这样简单完成了,点击复制的时候,就会把文字复制,然后粘贴就出来.如果哪里有错误,希望小伙伴们留言~