有时候我们可以看到，有些网站在分享淘宝的淘宝密码或者网站文章的时候，可以点击一个按钮复制。这个操作非常的用户友好，可以直接点击复制打开对应的链接。当然，我们也可以使用一键复制功能，提高用户复制粘贴其他内容的体验。实现该功能的方法是共享的。
一共包含两个文件：“clipboard.min.js”文件和 “css 样式”文件
下载后解压，得到clipboard.min.js 和 copy.css ，把两个文件上传到网站根目录。
二、引用 JS 与 css 文件
1,、引用 js 库，在当前主题的 footer.php 文件的末尾添加以下代码
<script>
clipboard.on(‘success’,
function(e) {
e.trigger.innerHTML = “复制成功”;
e.trigger.disabled = true;
e.trigger.innerHTML = “一键复制”;
e.trigger.disabled = false;
},
2000);
}
});
clipboard.on(‘error’,
function(e) {
});
</script>
2、引用 css 样式，在当前主题的 header.php 模板添加以下代码
注意：一定要把上方代码中的文件路径替换成自己网站的文件路径。
三、文章中添加一键复制按钮
在编辑文章时，在需要的位置添加以下代码，就可以看到点击一键复制指定内容的按钮了。
添加到文章结尾分享处也是一样的方法，
如果想要实现点击打开链接的同时，复制指定的内容，可以参考下方代码：
<button class=“itemCopy red_tkl button_tkl” id=“TKLS” type=“button” data-clipboard-text=“需要复制的内容文本”><a style=“color: #ffffff;” href=“需要打开的链接地址“ onclick=“copyUrl2()” target=“_blank” rel=“noopener noreferrer”>按钮显示的文字</a></button>
