前端多端复制方法,兼容ie、兼容ios

该方法不需要页面上再添加元素、定义样式,直接引入方法,调用即可。
废话不多说,直接上代码

function copy (copyText) {
    
    
        var copyText = copyText || '复制内容被你吃了?'  //这种参数默认方法兼容ie
        let copyDom = document.createElement('span');
        copyDom.style.position = 'absolute'
        copyDom.style.left = '-9999px'
        copyDom.style.opacity = '0'
        copyDom.innerText = copyText
        document.body.appendChild(copyDom)
        const range = document.createRange();
        range.selectNode(copyDom);
        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('Copy');
        console.log(copyText, '--复制成功')
        document.body.removeChild(copyDom)
    }

需要复制的时候直接调用copy方法就可以

copy()
//或者
copy('复制内容')

猜你喜欢

转载自blog.csdn.net/LiuPangZi6/article/details/119240797