复制链接JS脚本实现

最新推荐文章于 2023-01-16 16:00:00 发布

原创最新推荐文章于 2023-01-16 16:00:00 发布 · 454 阅读

CC 4.0 BY-SA版权

<li><a href="javascript:void(0);" class="classic" value="${product.productUrl!''}"
       onclick="copyLink(this)"><span>复制链接</span></a>
</li>

//复制链接
function copyLink(obj) {
    var url = $(obj).attr('value');
    var spanEle = document.createElement('span');
    spanEle.innerHTML = url; // 要复制到剪帖板的内容
    document.body.appendChild(spanEle);
    getSelect(spanEle);
    document.execCommand('copy');
    uiAlert('tip-success','','复制成功！');
    document.body.removeChild(spanEle);
}

function getSelect(targetNode) {
    if (window.getSelection) {
        //chrome等主流浏览器
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNode(targetNode);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if (document.body.createTextRange) {
        //ie
        var range = document.body.createTextRange();
        range.moveToElementText(targetNode);
        range.select();
    }
}