首页 > Web开发 > 详细

复制文本事件(clipboard.min.js)

时间:2018-08-22 10:54:46      阅读:378      评论:0      收藏:0      [点我收藏+]

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

技术分享图片技术分享图片

 

需要使用到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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!