js多项内容复制

 

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多项内容复制

上一篇:graalvm js 内置commonjs 模式试用


下一篇:Kubernetes 同一个 Node 节点内的 Pod 不能通过 Service 互访