首页 > Web开发 > 详细

js多项内容复制

时间:2020-08-31 15:03:11      阅读:70      评论:0      收藏:0      [点我收藏+]

 

http://www.clipboardjs.cn/   ......是个好东西,就是不清楚为啥达不到预期,所以还是算了,不用插件,用原生。

 

//点击了复制
    $("body").on("click",".copy_gift_num",function(){
        var index = $(".copy_gift_num").index(this);
        copy(index);
    });

多项内容根据index索引来确定当前点击的位置。

function copy(index){
       if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//区分iPhone设备
            var text = document.getElementsByClassName(gift_num_span)[index];
            //获取隐藏的input,并写入text内容,在进行复制
            var input = document.getElementsByClassName(gift_num_input)[index];
            input.value = text.innerHTML;
            input.select();
            input.setSelectionRange(0, input.value.length);   //兼容ios
            document.execCommand("Copy");
            input.blur();
            toast("已复制");
        }else{
            var Url2=document.getElementsByClassName(gift_num_input)[index];//要复制文字的节点
            Url2.select(); // 选择对象
            if(document.execCommand(copy, false, null)){
            var successful = document.execCommand(copy);// 执行浏览器复制命令
                toast("已复制");
            }else{
                toast("复制失败");
            };
            $(".gift_num_input").eq(index).blur();
        }
}

IOS和安卓分开两套,避开兼容性问题。

function toast(msg){
        $("#toast_div").css("display","flex");
        $("#toast_div").show();
        $("#toast_msg").html(msg);
        $("#toast_div").fadeOut(1500);        
    }

toast提示,需要自己写。

 

js多项内容复制

原文:https://www.cnblogs.com/comedy/p/13589427.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!