[经验] 如何实现 点击按钮 复制 文本?

其实这也是一个小小的需求啦, 并不是很难

首先, 我们先去clipboard.js 的官网下载一个依赖包 https://github.com/zenorocha/clipboard.js/archive/master.zip

第一步:  在页面中使用

<script src="js/clipboard.min.js"></script>

(千万要记得要先导入jQuery的依赖包  <script src="js/jquery.min.js"></script>  )

 

第二步: 

<script type="text/javascript">

　　new ClipboardJS('.btn');;

</script>

这里其实就是开启复制的功能

第三部: 在HTML标签中使用

<input id="text" value="内容">
                  ↑------------要对应----------------------↓
<button class="btn" data-clipboard-target="#text">复制</button>

 

 

 

当当当~现在只需要点击复制按钮就可以实现复制文本的功能了