前言
在很多的资源站中,分享一些资源的时候,免不了在下载时或多或少会设置提取码。对于子比目前是未设置单独填写提取码的位置,且因为用户需求不同,子比主题需要用户手动复制或输入提取码。
所以写了这段小代码,来实现这个复制提取码的这个小功能。代码无需修改主题文件,均存放于自定义代码块,无需担心主题更新。
代码
CSS代码放置子比主题设置->全局&功能->自定义CSS样式中
JavaScript代码放置子比主题设置->全局&功能->自定义javascript代码中
//密码复制
if(document.querySelectorAll(".but-download .badg")!=undefined){const reg = /[a-zA-z0-9]/ig;const copy1 = document.querySelectorAll(".but-download .badg");for (let i = 0;i < copy1.length;i++){copy1[i].index = i;copy1[i].setAttribute("data-before","点击复制");copy1[i].addEventListener("click",copyOperation);copy1[i].addEventListener("mouseout",copyOk);}function copyOperation(){var oInput = document.createElement("input");let text = this.innerText;text = text.match(reg).join("");oInput.value = text;document.body.appendChild(oInput);oInput.select();document.execCommand("Copy");oInput.className = "oInput";oInput.style.display = "none";this.setAttribute("data-before","已复制");}function copyOk(){setTimeout(() =>{this.setAttribute("data-before","点击复制");},300)}}
效果图
![子比主题下载页面添加复制提取码功能 子比主题下载页面添加复制提取码功能](https://mz5u.cn/wp-content/uploads/2023/08/1691174285-Unix-300x119.jpg)
子比主题下载页面添加复制提取码功能
© 版权声明
1. 资源都是经过站长或作者收集测试后修改发布分享。转载请在文内以超链形式注明出处,谢谢合作!
2. 本站除原创内容,其余所有内容均收集自互联网,仅限用于学习和研究目的,本站不对其内容的合法性承担任何责任。如有版权内容,请通知我们或作者删除,其版权均归原作者所有,本站虽力求保存原有版权信息,但因众多资源经多次转载,已无法确定其真实来源,或已将原有信息丢失,所以敬请原作者谅解!
3. 本站用户所发布的一切资源内容不代表本站立场,并不代表本站赞同其观点和对其真实性负责,若您对本站所载资源作品版权归属存有异议,请留言附说明联系邮箱,我们将在第一时间予以处理 ,同时向您表示歉意!为尊重作者版权,请购买原版作品,支持您喜欢的作者,谢谢!
4. 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客如有发现请立即向站长举报;本站资源文件大多存储在云盘,如发现链接或图片失效,请联系作者或站长及时更新。
THE END
喜欢就支持一下吧
相关推荐
暂无评论内容