JS webApp 复制字符串然后唤起微信APP

最新推荐文章于 2021-06-20 00:50:32 发布

weixin_30949361

最新推荐文章于 2021-06-20 00:50:32 发布

阅读量262

点赞数

原文链接：http://www.cnblogs.com/gosh-hash/p/10529774.html

版权

复制的字符串是作为一个值放在input标签里：

1 <input id="wx-copy" type="text" style="position:absolute;z-index:-999;left:-1000px;top:-1000px;" value="此处为需要复制的字符串">

开始复制input里的值并唤起微信：

　　　　　　　let copyDom = document.getElementById('wx-copy')
                copyDom.select()
                copyDom.setSelectionRange(0, copyDom.value.length)

　　　　　　　　　//在使用的时候input的select方法会获得焦点从而触发了手机的键盘，所以在复制之后，让input失去焦点，键盘就不会弹出。
                setTimeout(() => {
                    copyDom.blur()　　
                },20)

　　　　　　　// 复制的方法：document.execCommand("copy", false, null) 这段代码就已经把上面 select 选中的字符串给复制下来了
            if(document.execCommand("copy", false, null))　　
            {
                console.log('复制成功')
                var locatUrl = "weixin://";　　　　//微信app地址 打开这个地址 即可唤起"微信"
                if (/ipad|iphone|mac/i.test(navigator.userAgent)) {
                    var ifr = document.createElement("iframe");
                    ifr.src = locatUrl;
                    ifr.style.display = "none";
                    document.body.appendChild(ifr);
                }else{
                    window.location.href = locatUrl;
                }
            }
            else
            {
                console.log('复制失败')
            }