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

浏览2550

之前写过一篇博客,介绍一个复制到剪切板的插件,ZeroClipboard,什么都hen好,然而就是不支持微信浏览器,我也没找到什么解决方案,我就严正拒绝了产品经理的需求。

直到今天被产品看到一个其他yin的h5,竟然可以实现复制到剪切板的功能,啪啪打脸~

看了下用了个叫clipboard.js的插件,用法超简单了

  • 引入插件

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

<div class="copyBtn" data-clipboard-text="来呀~快活呀,反正有~大把头发~">一键复制</div>1
  • 初始化插件实例

var clipboard = new Clipboard('.copyBtn').on('success', function(e) {
        var e = e || window.event;
        console.log(e);
}).on('error', function(e) {
    
});1234



  • 点击一键复制就ok了,简单的令人发指… 



  • 暂无任何回答