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

发布于 2022-04-28 当前分类:» 学习笔记 阅读数:149

今天有需求想实现点击一个按钮自动一键复制指定的内容,但是搜来搜去都是关于防止 WordPress 内容被复制的教程。后来找到一个通过 clipboard.js 实现利用 JS 代码一键复制指定内容的方法,适用于 WordPress,这里分享给大家。

clipboard-js-1

一、下载一键复制 JS 库

clipboard.js 是一个 Github 上的开源项目,可以实现纯 JavaScript 的浏览器内容复制到系统剪贴板的功能。

下载地址:https://files.flyzy2005.cn/?dir=%E5%BB%BA%E7%AB%99(clipboard.min.js)

二、引用 JS 库与 css 文件

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

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

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

三、效果图

这里再分享下我的 css:

具体的效果可以查看:剁手部落



发布评论


Warning: error_log(C:\wwwroot\16km.net\wp-content\plugins\spider-analyser/#log/log-0107.txt): failed to open stream: No such file or directory in C:\wwwroot\16km.net\wp-content\plugins\spider-analyser\spider.class.php on line 3014