tnblog
首页
视频
资源
登录

js实现复制文本

4935人阅读 2020/5/20 22:37 总访问:638507 评论:0 收藏:0 手机
分类: 前端

方法一:

function copyContent(content) {
        //获取要赋值的input的元素
        var inputElement = document.getElementById("copy_content");
        //给input框赋值
        inputElement.value = content;
        //选中input框的内容
        inputElement.select();
        // 执行浏览器复制命令
        document.execCommand("Copy");
        //提示已复制
        alert('已复制');
    }

这种方式只能复制,text,textarea的内容,而且!!!不能 复制隐藏域的内容


方法二:借助第三方Js之clipboard.js

下载地址:

使用:

var clipboard = new ClipboardJS('#mytestbut', {
            text: function () {
                return $("#copy_content").val();
            }
        });

        clipboard.on('success', function (e) {
            alert('已复制')

            e.clearSelection();
        });

        clipboard.on('error', function (e) {
            alert("复制失败");
        });

这里的mytestbut就是你按钮的id,当然可以是class选择器,然后copy_content就是你需要复制的内容比如text,textare而且可以是隐藏域!

注意那个text哪里不能直接复制,他就是设计的通过一个回调函数来!




欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739

评价
如果有缘,错过了还会重来,如果无缘,相遇了也会离开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术