1. 程式人生 > >IOS相容問題(複製到剪貼簿)

IOS相容問題(複製到剪貼簿)

本來使用的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);
            }
        });