实现点击复制微信号并自动打开微信加好友

近期，有建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能。怎么在自己建网站时，制作出这样的点击复制微信号并自动打开微信加好友功能呢？

分享一下实现点击复制微信号并自动打开微信加好友的代码如下：

 <!DOCTYPE html>    
<html lang="en">    
<head>    
    <meta charset="UTF-8">    
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>  
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>  
 
    <title>复制按钮</title>    
</head>    
<body>    
微信号：<span id="target">xyz2018</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">    
    点击复制    
</button>    
</body>    
<script>    
    $(document).ready(function(){      
        var clipboard = new Clipboard('#copy_btn');    
        clipboard.on('success', function(e) {    
            alert("微信号复制成功",1500);
            window.location.href='weixin://';
            e.clearSelection();    
            console.log(e.clearSelection);    
        });    
    });    
</script> 
</html>

posted @ 2022-02-10 17:23 蹦极的考拉阅读(1565) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 【纯干货】如何通过技术白嫖96编辑器vip或者企业模板？

· 视频号的简介写什么容易吸粉呢？

· jquery实现点击复制微信号并自动打开微信加好友

· 点击复制微信号，并跳转到微信

· jq 点击按钮跳转到微信_实现点击复制微信号并自动打开微信加好友

公告

昵称：蹦极的考拉
园龄： 3年6个月
粉丝： 1
关注： 1

+加关注

2025年3月

日

一

二

三

四

五

六

蹦极的考拉

实现点击复制微信号并自动打开微信加好友

公告

搜索

常用链接

我的标签

随笔分类 (24)

随笔档案 (48)

阅读排行榜

评论排行榜

最新评论

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
	<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>

	<title>复制按钮</title>
	</head>
	<body>
	微信号：<span id="target">xyz2018</span>
	<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
	点击复制
	</button>
	</body>
	<script>
	$(document).ready(function(){
	var clipboard = new Clipboard('#copy_btn');
	clipboard.on('success', function(e) {
	alert("微信号复制成功",1500);
	window.location.href='weixin://';
	e.clearSelection();
	console.log(e.clearSelection);
	});
	});
	</script>
	</html>