当前位置:首页>编程>clipboard复制文字操作记录

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>

到此即可完成。

给TA打赏
共{{data.count}}人
人已打赏

相关文章

编程

flex布局如何设置单个子元素靠右

2023-1-30 10:24:45

编程

PHP如何从一个数组数据列表中随机取其中的数值?

2023-3-27 9:16:25

{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索