复制微信号后自动跳到微信

最新推荐文章于 2022-02-02 10:11:29 发布

Too_sober

最新推荐文章于 2022-02-02 10:11:29 发布

阅读量3.4k

点赞数

分类专栏： js 前端

本文链接：https://blog.youkuaiyun.com/Too_sober/article/details/99865535

版权

前端同时被 2 个专栏收录

15 篇文章

订阅专栏

10 篇文章

订阅专栏

<style>
      html,body{background: #fff;}
      #background {
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            z-index: 10000;
        }
         
        #div1 {
            width: 80%;
            height: 190;
            z-index: 1;
            margin: 50% auto;
            overflow: auto;
            text-align: center;
        }
         
        #close-button{
            color: white;
            /*padding-top: 5px;*/
            cursor: pointer;
            padding-right: 15px;
        }
         
        #div2 {
            background:#fff;
            margin: auto;
            height: 140px;
            padding:20px;
            border-radius: 30px;
        } 
        #div2 .password{
            line-height: 2.5rem;
            font-size: 16px;
        }
        /*#div2 .password span{background: #ade1f6; font-size: 16px; padding: 3px;}*/
        .copy1{margin: 20px auto; width:55%; background: #ff503f;line-height: 2.5rem; font-size: 16px; border-radius: 50px; text-align: center; color: #fff; border: 0px;}
        #div2 p{color: #aeaeae;font-size: 12px; margin-bottom: 20px;}
        #div2 .instructions{ color: #795a58; font-size: 12px; line-height: 22px;}
        #close {
            padding: 5px;
            background: #c40000;
        }
        #close h2{color: #fff; text-align: left;}
        #close-button {
            float: right;
            font-size: 30px;
        }
        .block{display: block!important;}
  </style>
</head>
<body>
  <div class="warp">
      <img src="__TMPL__/public/assets/images/addfriends.png" alt="" width="100%">
  </div>

  <div id="background" class="back">
    <div id="div1" class="content">
        <div id="div2">
            <div class="password">
                <span id="password">微信号码复制成功，在微信粘贴可添加客服进群！</span>
                
            </div>
            <div class="copy1" id="btn" onclick="copy()" data-clipboard-text="Cc86901">确定</div> 
        </div>
    </div>
</div>

<script type="text/javascript" src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/clipboard.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/layer.js"></script>
<script type="text/javascript">
    var div = document.getElementById('background');
    var close = document.getElementById('btn');
     
    close.onclick = function close() {
        div.style.display = "none";
    }
     
    window.onclick = function close(e) {
        if (e.target == div) {
            div.style.display = "none";
        }
    }

    var clipboard = new Clipboard(document.getElementById('btn'));    
        clipboard.on('success', function(e) {        
            layer.msg('复制成功'); 
            window.location.href='weixin://';
            e.clearSelection();   
        });  
</script>