uniapp开发H5中实现点击复制内容

359 阅读1分钟
h5Copy(content) {
    if (!document.queryCommandSupported('copy')) {
    // 不支持
    return false
    }
    let input = document.createElement("input")
    input.value = content
    input.readOnly = "readOnly"
    document.body.appendChild(input)
    input.select() // 选择对象
    input.setSelectionRange(0, content.length) //核心
    let result = document.execCommand("copy") // 执行浏览器复制命令
    input.remove()
    return result
}

1、先要判断当前浏览器是否支持 copy 功能

2、由于在uniapp中使用input 会被uniapp解析成自己格式,所以需要新建input元素,然后把需要复制的内容给input,并添加到body中

3、然后在执行浏览器copy事件