js复制功能

原创于 2019-07-26 16:11:00 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

记录专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一款兼容性良好的JS复制功能插件，详细展示了如何在网页中使用该插件实现复制功能，包括手机H5页面在内的多种场景。通过简单的代码示例，读者可以快速上手并应用到自己的项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 通过三方插件实现复制功能。这款插件兼容性较好，手机h5页面等兼容
插件下载地址
https://download.youkuaiyun.com/download/weixin_45107360/11435224


<script src="../js/clipboard.min.js" type="text/javascript" charset="utf-8"></script>

<a class="sign_button active button_border " id="fuzhi" data-clipboard-text="" >复制链接</a>
//data-clipboard-text=""   是复制需要隐藏的内容   

    let btns = document.querySelectorAll('.button_border');
    let clipboard = new ClipboardJS(btns);
    clipboard.on('success', function(e) {
        layer.msg('复制成功');
    });
    clipboard.on('error', function(e) {
        layer.msg('复制失败');
    });