分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 02:11责任编辑:赖小花关键词:js

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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved