js实现剪贴板复制粘贴

2018-12-14  本文已影响0人  probiecoder

使用第三方插件:clipboard.js
通过使用HTML5实现浏览器之间的通用性,兼容性
简单复制用法如下(此处样式使用 bootstrap):

 ```
     <div id="copy" data-clipboard-text="This is a copy test">
         <button type="button" class="btn btn-default"><i class=fa fa-download" aria-hidden="true"></i>Copy</button>
     </div>
     
     <#-- optional javascript code -->
     <script type="text/javascript">
         var clipboard = new ClipboardJS('#copy');
         clipboard.on('success', function(e) {
             console.log('Copy success!!!');
         });
         
         clipboard.on('error', function(e) {
             console.log('Copy error!!!');
         });
     </script>
 ```

详细使用方法请参考example-text

上一篇下一篇

猜你喜欢

热点阅读