clipboard 复制内容

点击复制文本内容
jquery 配合,复制成功提示,1秒后自动移除。

安装

npm install clipboard --save

使用

import Clipboard from 'clipboard'

html

<span data-copy-content="要复制的内容"></span>

js

var clipboard = new Clipboard('[data-copy-content]', {
    text: function() {
        return $('[data-copy-content]').data('copy-content');
    }
});
clipboard.on('success', function(e) {
    $("body").append('<div class="notice-tip notice-tip-success" id="notice-tip-copyshare">复制成功</div>'); 
    setTimeout(function(){
        $('#notice-tip-copyshare').remove();
    }, 1000);
});