利用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
- 疯狂猜成语 图猜成语一根手指要按一个写着发射的红色按钮是什么成语？全球[VPS测评]
- VirMach→洛杉矶 西雅图 芝加哥 纽约等 KVM VPS 256M全球[VPS测评]
- 推荐 腾讯云秒杀→新增企业 1 折专区 2 核 4G 5M 带宽 3 年全球[VPS测评]
- Linux CentOS,Debian 用 iptables 屏蔽 IP全球[VPS测评]
- 促销 n3servers→E5-2620v2 服务器仅售$19.5 月 独立服务器[U]
- php 随机生成 n 个汉字字符串函数全球[VPS测评]
- UOvZ 劳动节促销,泉州 cn2 大带 vps 七折,100M 独享三独立服务器[U]
- Gumlet→图片加速 CDN AWS 亚洲节点 免费 1GB 月流量；全球[VPS测评]
- 疯狂猜成语 图猜成语一个大的逆字和一个小的首字是什么成语？全球[VPS测评]
- servaRICA→$15 月 3 核 3GB 内存 2TB 空间 不限虚拟空间(主机)
- 华为云热门域名限时抢购 1 元起 com23 元 cn19 元全球[VPS测评]
- Virmach 所有套餐整理及购买建议全球[VPS测评]
- NecoVM→199 元 年 128MB 内存 4GB 空间 500GB虚拟空间(主机)
- OneinStack如何启用 Brotli 压缩全球[VPS测评]
- 搬瓦工新增日本大阪软银机房 DC6 CN2 GIA-E 可转入日本机房日本VPS[主机]
- 欧路云新上美国 CN2 GIA 高防VPS，三网回程CN2GIA线路，1美国VPS[主机]
- 限量! 咸鱼云 → 圣何塞 Elite 9929 → 512M内存 8全球[VPS测评]
- 自适应bootstrap左侧导航可关闭全球[VPS测评]
- 中国跨境电商，如何掘金欧洲市场？全球[VPS测评]
- 中国跨境电商，如何掘金欧洲市场？全球[VPS测评]
- 2022年最新的15个美容院抖音文案，美容院文案怎么写全球[VPS测评]
- 纳米云怎么样?纳米云香港vps,4核1G主机价格80元/月香港VPS[主机]
- 亿速云“双11”上云狂欢大促 高防云服务器、裸金属服务器优惠套餐全球[VPS测评]
- 40火伞高压电爬坡更让企业用电于民全球[VPS测评]
- JGKVM：1核/512M/30G/600G/30Mbps/洛杉矶CN2全球[VPS测评]
- 再“掷”53亿元 宜家能否挽回中国消费者全球[VPS测评]
- HKserver：香港GIA VPS,1核/512MB/10GB空间/1虚拟空间(主机)
- 2.45亿、成都公安（大数据基座-服务器）采购：神码、虹信、海康、超聚变全球[VPS测评]
- MoeCloud：香港BGP云服务器,512MB内存/10GB空间/1T虚拟空间(主机)
- 晚点独家丨拼多多9月上线跨境电商平台，首站美国美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-142971.html