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提示,需要自己写。