IOS相容問題(複製到剪貼簿)
阿新 • • 發佈:2019-01-10
本來使用的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); } });