WordPress通过JS代码实现点击按钮一键复制指定内容

/ 0评 / 0

将下载的剪贴板.min.js上传到网站根目录,在WordPress的footer.php的末尾添加如下代码:

<script src =“ https://laowangblog.com/clipboard.min.js” type =“ text / javascript”> </ script> src = “ https://laowangblog.com/clipboard.min.js” type = “ text / javascript” > </ script> 
<脚本><脚本>
var剪贴板=新剪贴板('.itemCopy');var 剪贴板= 新剪贴板('.itemCopy' );  
Clipboard.on('success',。在('成功' ,
功能(e){函数(e ){ 
    如果(e.trigger.disabled ==假|| e.trigger.disabled ==未定义){如果(Ë 。触发。禁用== 假|| ë 。触发。禁用== 未定义){     
        e.trigger.innerHTML =“复制成功”;。触发。innerHTML = “复制成功” ; 
        e.trigger.disabled = true;。触发。禁用= true ; 
        setTimeout(function(){(函数(){ 
            e.trigger.innerHTML =“一键复制”;。触发。innerHTML = “一键复制” ; 
            e.trigger.disabled = false;。触发。禁用= 假; 
        },},
        2000);2000 );
    }}
});});
Clipboard.on('error',。在('error' ,
功能(e){函数(e ){ 
    e.trigger.innerHTML =“复制失败”;。触发。innerHTML = “复制失败” ; 
});});
</ script></ script>

其中,https://laowangblog.com/clipboard.min.js换成你自己的js文件地址。

之后在文章中的某个需要复制的地方放一个按钮就可以了了:

<button class = “ itemCopy red_tkl button_tkl” id = “ TKLS” type = “按钮” data-clipboard-text = “需要复制的内容” > 一键复制</ button>    

评论已关闭。