在项目中有这么一个需求,点击按钮复制一段文本,就像下图中的点击微信我们,弹出一个弹窗,点击好的跳转微信端添加好友。


需要使用到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();
});
});
红色是点击处,黄色是点击时要复制的内容,橙色处不可少
复制文本事件(clipboard.min.js)
原文:https://www.cnblogs.com/james-L/p/9516194.html