利用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
- MoeCloud→129 元 月 2GB 内存 1TB 硬盘 不限流量 全球[VPS测评]
- 疯狂猜成语 图猜成语五个口字每个里面都有个碑字是什么成语？全球[VPS测评]
- 腾讯云服务器限时秒杀,国内 香港,100%CPU 性能,2 核 4G 内香港VPS[主机]
- Hosteons→首付 8 折 免费升级套餐 KVM 或者 OpenVZ全球[VPS测评]
- 新商家慎重-凯特云→21 元 月 512MB 内存 10GB SSD 空虚拟空间(主机)
- 卫卫互联→60 元 月 1GB 内存 25GB 空间 1TB 流量 10虚拟空间(主机)
- BuyVM→拉斯维加斯补货 KVM 月付 3.5 美元起 无限流量 支持WINDOWS
- HostXen→日本 2G 套餐月付 70 元 美国 2G 套餐月付 6日本VPS[主机]
- TMThosting→$66.5 月-Dual L5520 24GB 1全球[VPS测评]
- RAKsmart-日本 KVM 1G 内存 40G 硬盘 5M 无限流量日本VPS[主机]
- 疯狂猜成语 图猜成语手指着梅花鹿想象成马是什么成语？全球[VPS测评]
- 极云RivenCloud 东京CN2 GIA线路 1G内存 30M小带宽全球[VPS测评]
- WordPress插件：Add-Document-Pages为你的网站增全球[VPS测评]
- OrderBilisim → 1.8$ 月 土耳其 2C2G30G硬盘 全球[VPS测评]
- Servacus → 月付£5 1核1G1TB硬盘 1Gbps起不限流量全球[VPS测评]
- idc.wiki 1核心 1G内存 15G SSD 300G上行流量 1全球[VPS测评]
- 如何设置必应api 自动推送网站全球[VPS测评]
- 菜单选中标记CSS3动画效果全球[VPS测评]
- 精编案例丨游戏行业转型升级迫在眉睫，云计算助力打造下一代游戏体验全球[VPS测评]
- 搬瓦工：美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企美国VPS[主机]
- 乐趣云怎么样?香港美国云服务器首月8.8元，新增IP5元/个美国VPS[主机]
- 亿速云11.11上云狂欢节活动：2核4G国内/香港云服务器,价格999元香港VPS[主机]
- 百看不厌的文案，抖音唯美文案。全球[VPS测评]
- uuuvps：香港VPS低至97元/年,CN2+bgp网络,香港机房VP香港VPS[主机]
- 华为S2300 系列交换机如何修改密码？全球[VPS测评]
- 拼多多拟建跨境电商平台：挖角SHEIN员工，0佣金招商入驻全球[VPS测评]
- 阿里云服务器一年价格多少钱？阿里云服务器报价全球[VPS测评]
- wikihost,微基主机服务,100M带宽香港CMIVPS,5G防御,香港VPS[主机]
- UCloud海外节点vps活动：香港、台湾等全球14个机房1折起,最低仅香港VPS[主机]
- 咖啡主机怎么样?咖啡香港/美国/法国VPS主机价格及配置推荐美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-142971.html