点击按钮拷贝代码的实现

本文最后更新于：2021年6月15日 晚上

例子：

1、 head中引入一个js clipboard.js

1
<script src="//cdn.bootcss.com/clipboard.js/1.5.15/clipboard.js"></script>

2、初始化对象

1
2
3
<script type="text/javascript">
	new Clipboard('.btn');//此处btn是copy按钮的id
</script>

3、使用copy

1
2
3
4
5
6
7
<div class="col-lg-6 col-md-8 col-sm-8">
	<input type="text" class="form-control"  id="murl" value="${murl}" />
</div>
<button type="button" class="btn" data-clipboard-target="#murl" >复制</button>
<!--
	data-clipboard-target 要复制的目标
-->

参考

http://clipboardjs.52fhy.com/