美文网首页
复制粘贴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