复制文本事件(clipboard.min.js)
时间：2018-08-22 11:04:43
收藏：0
阅读：1520
在项目中有这么一个需求，点击按钮复制一段文本，就像下图中的点击微信我们，弹出一个弹窗，点击好的跳转微信端添加好友。
需要使用到clipboard.min.js，下载链接：https://github.com/Superheroo/copy-text/tree/master
代码如下：
html部分：
<div id="target">微信号</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
<a class="copy" href="weixin://">复制按钮</a>
</button>
js部分：
$(document).ready(function () {
var targetText = $("#target").text();
var clipboard = new ClipboardJS(‘#copy_btn‘);
clipboard.on(‘success‘, function (e) {
e.clearSelection();
});
});
红色是点击处，黄色是点击时要复制的内容，橙色处不可少
评论（0）