美文网首页
js实现剪贴板复制粘贴

js实现剪贴板复制粘贴

作者: probiecoder | 来源:发表于2018-12-14 12:57 被阅读0次

    使用第三方插件: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

    相关文章

      网友评论

          本文标题:js实现剪贴板复制粘贴

          本文链接:https://www.haomeiwen.com/subject/dktghqtx.html