clipboard复制文字操作记录

第一步，先引入clipboard文件

官方地址：https://clipboardjs.com/

第二步：

引入下方js

var clipboard = new ClipboardJS('.kehu');
clipboard.on('success', function(e) {
    Qmsg['success']("一部复制成功",{html:true});
    e.clearSelection();
});

var clipboard = new ClipboardJS('.kehu2');
clipboard.on('success', function(e) {
    Qmsg['success']("二部复制成功",{html:true});
    e.clearSelection();
});

clipboard.on('error', function(e) {
    Qmsg['erro']("复制失败",{html:true});
});

前端调用：

<article class="single-article b2-radius t-kefu">
    <div class="t-kehu-top wrapper">
        <div class="t-kehu-other">
            <span class="kehu2 t-kehu-button" data-clipboard-action="copy" data-clipboard-target="#kehu2">复制二部</span>
            <span class="kehu t-kehu-button v-tian" data-clipboard-action="copy" data-clipboard-target="#kehu">复制一部</span>            
        </div>
    </div>

    <div id="kehu" class="t-kehu-content t-kehu-lan">
           时光不语我自在
    </div>

    <div id="kehu2" class="t-kehu-content t-kehu-tian">
             时光不语我自在
    </div>    
</article>

到此即可完成。