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

更新时间:2个月前 作者:CMS开发网 点赞数:0人 阅读数:28次 0 条评论
摘要:近期,有建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能。怎么在自己建网站时,制作出这样的点击复制微信号并自动打开微信加好友功能呢?下面分享一下实现点击复制微信号并自动打开微信加好友的代码如下:<!DOCTYPEhtml><html> 
jquery实现点击复制微信号并自动打开微信加好友​

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

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

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

<!DOCTYPE html>    
<html>    
<head>    
    <meta charset="UTF-8">    
    <script src="https://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">kaifacms</span>
<button 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>

如果要开发出更多的功能,可以结合jquery点击按钮复制内容代码的方法进行一定的修改。

THE END

如果你的问题还没有解决,可以加入交流群和群友一起讨论。如果想请站长喝杯咖啡,点击打赏按钮扫码赞赏~

版权声明:本站部分教程是由网络收集,然后整理编辑而成,版权归原作者所有,如果由此而造成的侵权,请与我们联系,审核属实后立即删除,谢谢!请与我们联系,审核属实后立即删除,谢谢!

发表评论

666 感谢 牛逼 卧槽
发表评论
评论列表
暂无评论
关于我们
CMS开发网是一个致力于PbootCMS教程发布,技术交流学习分享开发创作的网站,涵盖PbootCMS应用市场,PB二次开发,PB模版下载,欢迎各位前,欢迎各位前来投稿,您的各位前来投稿使广大PB爱好者,欢迎各位前来投稿,您的分享将会使广大P分享将会使广大PB爱好者来投稿,您的分享将会使广大PB爱好者更好的进步。
微信公众号
微信二维码
联系方式
技术交流QQ群号201010290
电话:400-0707-327
邮箱:kefu@kaifacn.com
坐标:陕西 · 西安
网站地图 陕ICP备2020015383号 陕公网安备61019002001930号

Copyright © 2022 CMS开发网 All Rights Reserved.本站采用创作共用版权 CC 4.0 BY-SA 许可协议