前端实现复制功能

最新推荐文章于 2024-07-09 17:50:54 发布

脱了壳的小乌龟

最新推荐文章于 2024-07-09 17:50:54 发布

阅读量96

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/lyx1838102537/article/details/139849076

版权

copyText(text){
    if(!text){
        return    
    }
    text=this.formatHtmlText(text)
    if(text.includes('"')){
        text= text.replace(/"/g,'')
    }
    const clip = navigator.clipboard
    const tip = "复制成功"
    if(clip){
        const _this = this
        clip.writeText(text).then(()=>{
            _this.showTip(tip)
        },()=>{
            _this.showTip("复制失败")
        })
    }else if(document.execCommand){
        const textarea = document.createElement('textarea')
        textarea.style.position = 'absolute'
        textarea.style.left = '-9999px'
        doucument.body.appendChild(textarea)
        textarea.value = text
        textarea.select()
        if(document.execCommand('copy')){
            this.showTip(tip)
        }else{
            this.showTip("复制失败")
        }
        document.body.removeChild(textarea)
    }else{
        this.showTip("clipboard not supported")
    }
}

formatHtmlText(text) {
   return text.replace(REGEX_BR, '\n')
}