搜索热词

WordPress中文社区 > 专栏 > WP终身学习者 > 如何实现点击文字复制微信号并打开微信添加好友?

如何实现点击文字复制微信号并打开微信添加好友?

发布于02月15日 被浏览 674 次

在最近一个WordPress主题定制开发项目中,需要实现点击文字后自动复制文字(也就是微信号),同时在移动端自动打开微信APP方便添加该微信号为自己的好友,于是就到网上搜了一下,还真有简单好用的方法,现在给大家分享一下,希望对有同样需求的朋友能有所帮助。

一、html部分

在你需要显示微信号文字(也可以是按钮形式等)的地方使用下面的代码:

<span id="target" style="display: none;">微信号</span>
<a href="javascript:;" data-clipboard-target="#target" id="copy_btn">
   <span>加店长微信</span>
</a>

二、js部分

<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script> 
<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> 

以上就是实现如题所说的效果的方法,亲测有效,希望可以帮助到您。

 

点赞 收藏 打赏 分享

0 条评论

无意义的评论将很快被删除,账号将被禁止发言。 发表评论 0/500
 
  1. 还没有任何评论,你来说两句吧