利用clipboard.js复制粘贴JS插件实现页面特定文本按钮复制
 |  |  |  |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
我们在设计网站的时候，有些效果需要不断的提高用户体验。比如我们在页面中的微信号、电话号码、优惠码等信息，最好不要用户直接复制。如果能直接点击按钮直接复制效果还是比较好体验的。这里我们可以使用clipboard.js复制粘贴JS插件实现。
微信号 : <span id=\"target\">laobuluo</span> <button class=\"btn\" data-clipboard-action=\"copy\" data-clipboard-target=\"#target\" id=\"copy_btn\">添加</button><script> $(document).ready(function(){ var clipboard = new Clipboard(\'#copy_btn\'); clipboard.on(\'success\', function(e) { alert(\"微信号：laobuluo 复制成功\",1500); e.clearSelection(); console.log(e.clearSelection); }); }); </script>这个仅仅是简单的示范，光有这个代码还是不行的，我们还需要最为主要的2个JS文件。
jquery.min.js
clipboard.min.js
我们需要下载且引用到网站中。
网盘下载（提取码：8m2j）
这里蜗牛有备份下载，我们也可以从官方库下载JS。具体引用到网站，我们需要调整CSS。
猜你可能想看的VPS
- Kvmla 难得的双十一香港 VPS 主机&日本 VPS 主机终身 6 日本VPS[主机]
- Cafe24 便宜韩国 cn2 服务器,韩国高防服务器,香港 cn2 服站群服务器[IP]
- 号外 Virmach 洛杉矶机房 107.175.x.x 段 IP 可以全球[VPS测评]
- 腾讯内部单边拥塞算法 BBR-TCPA 一键脚本安装及速度测评全球[VPS测评]
- ExCloud→深港 IPLC 沪日 IPLC 等 VPS 256MB 全球[VPS测评]
- Netcup→€20.99 月 6 核独享 32GB 内存 480GB 虚拟空间(主机)
- RUVDS→30 卢布 月-512MB 10GB 无限流量 俄罗斯全球[VPS测评]
- NAT 6yun→1 核 256MB 内存 5G 硬盘 2T 流量 10全球[VPS测评]
- 黑五 Losangelesvps→全场 4 折优惠 洛杉矶 1G 不限流全球[VPS测评]
- 国人慎重-Tenvm→$5.52 月 香港 NAT 1 核 512M 内香港VPS[主机]
- Gumlet→图片加速 CDN AWS 亚洲节点 免费 1GB 月流量；全球[VPS测评]
- 劳动节 sharktech→4 机房 VPS 一律 5.5 折 60Gb全球[VPS测评]
- 阳帝云 美国CN2 GIA高防 VPS 1g内存40G硬盘外带200G防美国VPS[主机]
- 正确看待域名是否需要添加 www 前缀，对SEO有何影响？全球[VPS测评]
- WordPress根据最后一次评论时间判断是否显示评论者链接全球[VPS测评]
- WordPress网站PHP纯代码生成文章海报图片实现分享全球[VPS测评]
- ERP库存管理系统HTML5模板 - DreamsPOS全球[VPS测评]
- 快速云：云服务器vps的区别是什么云服务器和vps哪个比较好2022-0全球[VPS测评]
- 空空云怎么样?香港CN2-GIA VPS,带宽2M,月付15元香港VPS[主机]
- 恒创科技怎么样?香港美国云服务器/独服/高防全场2.5折起美国VPS[主机]
- JGKVM促销,美国cn2vps服务器价格再创新低,平均6.5元/月起美国VPS[主机]
- 极光KVM双12：全场月付/季付产品全部5折,永久优惠,年付最高立减15全球[VPS测评]
- 拼多多拟建跨境电商平台：挖角SHEIN员工，0佣金招商入驻全球[VPS测评]
- 中国云计算，能啃的只剩硬骨头了全球[VPS测评]
- 野草云服务器怎么样?香港CN2+BGP带宽30M月付19元香港VPS[主机]
- 磐逸云：全场8折优惠,1核1G香港套餐月付24元,日本NNT线路套餐,月日本VPS[主机]
- 麻花云：香港CN2云服务器首月9元起;安徽移动BGP云主机月付29元起香港VPS[主机]
- Linux系统下安装Java JDK全球[VPS测评]
- 云计算的三种服务模式，SaaS和PaaS的区别在哪里？全球[VPS测评]
- CoNoov：美国/日本/新加坡/英国/荷兰/西班牙/挪威/丹麦vps,日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-39970.html