<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>复制</title>
</head>
<body>
<div class="copybtn_this">
</div>
<div id="hd_kf_text_order_info">
<div class="copy_Img_this"></div><br>
<div class="copy_Text_this"></div>
</div>
</body>
<script src="./clipboard.min.js"></script>
<script>
var copyBallFnThis=null//回调方法
// 复制方法
function setCopyHtml({text='',imgArray=[]},call){
document.querySelector('.copy_Text_this').innerHTML=text
let strImg=''
imgArray.forEach(item=>{
strImg+='<img src='+item.replace('https://','http://')+' />'//复制不支持https
})
let clickDom= document.querySelector('.copybtn_this')
document.querySelector('.copy_Img_this').innerHTML=strImg
if(call)copyBallFnThis=call
setTimeout(()=>{
clickDom.click()
},0)
}
// 初始化ClipboardJS
const clipboard = new ClipboardJS(".copybtn_this", {
target: function (e) {
return document.querySelector("#hd_kf_text_order_info");
}
});
// 复制成功
clipboard.on('success', function (e) {
copyBallFnThis(true)
e.clearSelection();
setTimeout(()=>{
document.querySelector('.copy_Text_this').innerHTML=''
document.querySelector('.copy_Img_this').innerHTML=''
},300)
});
// 复制失败
clipboard.on('error', function (e) {
copyBallFnThis(false)
setTimeout(()=>{
document.querySelector('.copy_Text_this').innerHTML=''
document.querySelector('.copy_Img_this').innerHTML=''
},300)
});
</script>
</html>
评论0