柳暗花明笔记

    推荐一js复制内容到粘贴板的插件 clipboard.js

    所属分类:[ php&web ] 猫哲学家 发表于:2017-09-20 17:10 浏览:216

    项目地址:

    https://clipboardjs.com/

    使用方法:

    new Clipboard('.picLinkCopy');

    如果要提示成功复制就麻烦些

    // 复制到粘贴板成功提示 start
    clipboard.on('success', function(e) {
    var btn = $(e.trigger);
    setTooltip(btn,'复制成功!');
    hideTooltip(btn);
    });
    $('.picLinkCopy').tooltip({
    trigger: 'click',
    placement: 'bottom'
    });
    function setTooltip(btn,message) {
    btn.tooltip('hide')
    .attr('data-original-title', message)
    .tooltip('show');
    }
    function hideTooltip(btn) {
    btn.removeAttr('data-original-title');
    }
    // 复制到粘贴板成功提示 end

    标签: jQuery 
    上一编文章 精美前端弹窗插件推荐 alertifyjs 和 Bootstrap modal 下一编文章 RSA openssl 签名
    最近文章
    发表评论