<script src="../../js/list/clipboard.min.js" type="text/javascript"></script>
<td style="padding-left: 6px;">外借链接:</td>
<td >
<!--左边是一个input输入框,要求只读,而且里面的内容通过url?后面的code传入-->
<input type="text" readonly id="textAreas" style="width: 220px; border: none;"/>
<!--右边是一个按钮-->
<button id="copy" class="copy" data-clipboard-target="#textAreas" >复制链接</button>
</td>
$(document).ready(function () {
//实例化 ClipboardJS对象;
var copyBtn = new ClipboardJS('.copy');
//设置复制功能
$("#copy").on("click",function(){
copyBtn.on("success",function(e){
// 复制成功
mini.alert("复制成功","提示");
e.clearSelection();
});
copyBtn.on("error",function(e){
//复制失败;
mini.alert("复制失败,请手动复制","提示");
});
});
});
Jquery,使用clipboard实现兼容谷歌、火狐浏览器点击复制
于 2019-12-03 16:21:07 首次发布