【jQuery】点击复制微信号并跳转到微信

小破孩
2022-06-23 / 0 评论 / 187 阅读 / 正在检测是否收录...
    <!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">需要被复制的微信号</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>
1

评论 (0)

取消