网页点击复制文本 javascript 代码, 兼容ios


    var text = '需要复制的文本';    
    // ios 下要求更严格, https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios
    function iosCopyToClipboard(el) {
        var oldContentEditable = el.contentEditable,
            oldReadOnly = el.readOnly,
            range = document.createRange();

        el.contentEditable = true;
        el.readOnly = false;
        range.selectNodeContents(el);

        var s = window.getSelection();
        s.removeAllRanges();
        s.addRange(range);

        el.setSelectionRange(0, 999999); // A big number, to cover anything that could be inside the element.

        el.contentEditable = oldContentEditable;
        el.readOnly = oldReadOnly;

        document.execCommand('copy');
    }

    // pc浏览器
    function copyToClipboard() {
      var $temp = $("<input>");
      $("body").append($temp);
      $temp.val(location.href).select();
      document.execCommand("copy");
      iosCopyToClipboard($temp[0]); // 如果没有这一行,ios下不能复制
      $temp.remove();
      $(this).html('已复制');
    }
    $('button').on('click', copyToClipboard);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值