JS插件clipboard.js实现一键复制粘贴功能

一键复制粘贴功能需要用到一个轻量级的JS插件：clipboard.js。

官网地址

下载到本地后，将其放入项目中，直接引用即可。具体实现代码如下：

 
 
 
 
 .transfer {
 width: 90%;
 margin: 20px auto;
 font-size: 18px;
 }
 .transfer button {
 margin-top: -5px;
 float: right;
 margin-left: 10px;
 background-color: rgb(3, 169, 244);
 width: 30%;
 height: 25px;
 font-size: 14px;
 color: white;
 border: 0;
 border-radius: 8%;
 }
 
 
 
 
 
 支付宝：11111111111
 一键复制
 
 
 微信：2222222
 一键复制
 
 
 
 
 
 
 

效果图：

注意：如果你在项目中使用了其他的前端框架或者插件，有可能会与clipboard.js插件产生冲突。解决方法，可以使用