码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-08-22 11:04:43      阅读:1520      评论:0      收藏:0      [点我收藏+]

标签:ack   boa   hub   info   ref   selection   内容   btn   项目   

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

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

 

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

标签:ack   boa   hub   info   ref   selection   内容   btn   项目   

原文地址:https://www.cnblogs.com/james-L/p/9516194.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!