编程语言
首页 > 编程语言> > 完美解决javascript中IOS和android复制文本到剪切板问题

完美解决javascript中IOS和android复制文本到剪切板问题

作者:互联网

<div onclick="KCode()">
  <p>
    <textarea  id="kcode" >复制我</textarea>
  </p>
</div>

function KCode()
{
    if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {

        window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
        var Url2=document.getElementById("kcode");//要复制文字的节点
        var range = document.createRange();
        // 选中需要复制的节点
        range.selectNode(Url2);
        // 执行选中元素
        window.getSelection().addRange(range);
        // 执行 copy 操作
        var successful = document.execCommand('copy');

        // 移除选中的元素
        window.getSelection().removeAllRanges();

    }else{
        var Url2=document.getElementById("kcode");//要复制文字的节点
        Url2.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
    }

     alert("复制成功");
}

 

标签:剪切板,javascript,IOS,window,range,复制,Url2,var,document
来源: https://blog.csdn.net/u011028557/article/details/110520083