js 点击按钮复制文本到剪贴版,兼容ios和安卓,PC端

30 篇文章 0 订阅
12 篇文章 0 订阅
  // 复制账号
        function copyUser() {
            var user = document.getElementById("user");
            var idUser = '#user';
            navigatorCopy(user, idUser);
        }
        // 复制密码
        function copyPsd() {
            var psd = document.getElementById("psd");
            var psdUser = '#psd';
            navigatorCopy(psd, psdUser);
        }

        // 一键复制文本,兼容iso和安卓
        function navigatorCopy(inputId, domUser) {
            var u = navigator.userAgent;
            // 安卓
            if(u.indexOf('Android') > -1 ){
                // var copytext = document.getElementById("user");
                var copytext = inputId;
                console.log(copytext)
                copytext.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                alert('复制成功')
            }
            //ios兼容
            if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { 
                // var copyDOM = document.querySelector('#user');  //要复制文字的节点  
                var copyDOM = document.querySelector(domUser);  //要复制文字的节点  
                console.log(copyDOM)
                var range = document.createRange();    
                // 选中需要复制的节点  
                range.selectNode(copyDOM);  
                // 执行选中元素  
                window.getSelection().addRange(range);  
                // 执行 copy 操作  
                var successful = document.execCommand('copy');    
                try {    
                    var msg = successful ? '复制成功!' : '复制失败'; 
                    alert(msg);    
                } catch(err) {    
                    alert('复制失败!');    
                }  
                // 移除选中的元素  
                window.getSelection().removeAllRanges();  
            }
        }

 

  <input class="zh_input db" readonly type="text" id="user" value="">
            <span style="cursor: pointer;width: 45px;height: 20px;line-height: 22px;color: #fff;background: #a32d2b;display: inline-block;
            text-align: center;font-size: 10px;margin-left: 2px;" class="copy" onclick="copyUser()">复制</span>


  <input class="mm_input db" readonly type="text" id="psd" value="">
            <span style="cursor: pointer;width: 45px;height: 20px;line-height: 22px;color: #fff;background: #a32d2b;display: inline-block;
            text-align: center;font-size: 10px;margin-left: 2px;" class="copy" onclick="copyPsd()">复制</span>

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值