第一步,先引入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>
到此即可完成。