正在加载....
厦门网站建设-世敏网络科技
  • 当前位置: 首页 > 建站百科 > 常见问题
  • 如何实现复制微信号并打开微信添加好友

    时间:2019-05-06 浏览量:

    建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能。实现这样的功能,需要结合jquery点击按钮复制内容代码的方法进行一定的修改。

    如何实现复制微信号并打开微信添加好友(图1)

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

    
    <!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>


    加载中~
    加载中~

    您已成功复制微信号,去微信立即添加好友!

    点击下方复制按钮,复制微信号!

    jzm866081

    https://www.xmsmwl.cn
    厦门世敏网络科技有限公司

    点击这里给我发消息
    嘿!有什么能帮到您的吗?