美文网首页
h5 复制文本到剪贴板(适合移动和pc端)

h5 复制文本到剪贴板(适合移动和pc端)

作者: 李佳明先生 | 来源:发表于2020-06-29 17:37 被阅读0次

代码:

//h5复制文本到剪切板
function copyContentH5(content) {
    var copyDom = document.createElement('div');
    copyDom.innerText=content;
    copyDom.style.position='absolute';
    copyDom.style.top='0px';
    copyDom.style.right='-9999px';
    document.body.appendChild(copyDom);
    //创建选中范围
    var range = document.createRange();
    range.selectNode(copyDom);
    //移除剪切板中内容
    window.getSelection().removeAllRanges();
    //添加新的内容到剪切板
    window.getSelection().addRange(range);
    //复制
    var successful = document.execCommand('copy');
    copyDom.parentNode.removeChild(copyDom);
    try{
        var msg = successful ? "successful" : "failed";
        console.log('Copy command was : ' + msg);
    } catch(err){
        console.log('Oops , unable to copy!');
    }
}

使用方法:

copyContentH5('被复制的文本')

相关文章

网友评论

      本文标题:h5 复制文本到剪贴板(适合移动和pc端)

      本文链接:https://www.haomeiwen.com/subject/itkafktx.html