IOS兼容问题(复制到剪贴板)

2 篇文章 0 订阅

本来使用的document.execCommand("Copy"),结果发现IOS复制不到剪贴板

我的html结构如下

<div class="form_copy">
    <label class="form_copy_item" for="">
        <b class="text">加盟热线:</b>
        <input type="text" value="{$param.tel}" readonly>
        <span class="copy_dom">点击复制去咨询</span>
    </label>
</div>

js

        var u = navigator.userAgent, app = navigator.appVersion;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
        var systemFlag = "";
        //要先判断当前是什么系统,否则会报错,无法执行语句
        if (isAndroid) {
            systemFlag = "android";
        } else {
            systemFlag = "ios";
        }
        //点击复制按钮时,执行复制功能
        $(".copy_dom").on('click', function () {
            if (systemFlag == "android") {
                //android复制
                //只需要改变取值方式即可
                $(this).prev().select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                alert("已复制好,可贴粘。");
            }else{
                //IOS复制
                var input = document.createElement("input");
                //只需要改变取值方式即可
                input.value = $(this).prev("input").val();
                document.body.appendChild(input);
                input.select();
                input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
                document.body.removeChild(input);
            }
        });

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值