JS实现点击一个按钮或图片复制指定的文本内容

最新推荐文章于 2024-07-15 23:23:20 发布

热爱sunny

最新推荐文章于 2024-07-15 23:23:20 发布

阅读量734

点赞数 1

文章标签： js 前端 javascript

本文链接：https://blog.csdn.net/qq_38188228/article/details/110957047

版权

首先第一步引入JS

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>

像一下标签将这里是复制的id就可以

<span id="target">这里是将要复制的内容</span>

第二步将这一行代码复制到需要点击的图片或按钮的标签中

data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn"

例如：

<img  data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" src="static/image/fz.png" />

第三步复制以下JS代码

<script>
    $(document).ready(function(){
        var clipboard = new Clipboard('#copy_btn');
        clipboard.on('success', function(e) {
            alert("复制成功");

        });
    });
</script>

实测可以执行，希望可以帮助到正在学习做项目你！加油