移动端实现点击按钮复制功能

最新推荐文章于 2024-08-09 14:38:03 发布

Zhe言9

最新推荐文章于 2024-08-09 14:38:03 发布

阅读量1.9k

点赞数

分类专栏：前端文章标签：移动端复制 app

本文链接：https://blog.csdn.net/qq_36552707/article/details/83578128

版权

前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

HTML代码

<div class="url">
	<p id="codeNum"></p>
	<button class="code-btn" id="codeBtn" data-clipboard-action="copy" data-clipboard-target='#codeNum'>复制链接</button>
</div>

JS代码

$('#codeBtn').setAttribute("data-clipboard-text", "www.baidu.com/register.html?invi=" + dat.data.InvitationCode)

var btn = document.getElementById('codeBtn');

	var clipboard = new Clipboard(btn);

	$("#codeBtn").addEventListener('tap', function () {

		clipboard.on('success', function (e) {
			console.log("复制成功！")
		});
	});

该功能需引入clipboard.js文件

下载文件
提取码：6ehu