美文网首页
复制粘贴clipboard.js

复制粘贴clipboard.js

作者: biubiudog | 来源:发表于2019-06-27 17:43 被阅读0次

官网地址:
https://clipboardjs.com/

下载地址:
https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js

使用:

  • 引入clipboard.min.js
  • 定义一个button按钮,注意按钮的属性:data-clipboard-action="copy"表示是复制行为,data-clipboard-text=‘XXX’,XXX表示你要复制的内容

html代码为

<button class="btn" data-clipboard-action="copy" data-clipboard-text="复制的内容">
  • 写上js
        var clipboard = new ClipboardJS('.类名');
        clipboard.on('success', function(e) {
            alert('复制成功,您复制的链接为'+e.text);
            e.clearSelection();
        });

       clipboard.on('error', function(e) {
            alert('复制失败')
        });

相关文章

网友评论

      本文标题:复制粘贴clipboard.js

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