复制分两种,input和textarea,他们的区别就是textarea可以支持换行之类的,返回isOk可以做提示方式:true/false
网上也试很多方式,不是要拿对象就是要选中复制,对于做界面的话太麻烦了,什么js四种方式复制,什么支持各浏览器复制都没用(小小吐槽一下,那些只复制没有实测的文章)
一、input方式
export function copyValue(v) {
const inputEle = document.createElement('input')
inputEle.setAttribute('readonly', 'readonly') // 防止手机上弹出软键盘
document.body.appendChild(inputEle)
inputEle.value = v
inputEle.select()
const isOk = document.execCommand('Copy')
document.body.removeChild(inputEle)
}
二、textarea方式
export function copyValue(v) {
const inputEle = document.createElement('textarea')
inputEle.setAttribute('readonly', 'readonly') // 防止手机上弹出软键盘
document.body.appendChild(inputEle)
inputEle.value = v
inputEle.select()
const isOk = document.execCommand('Copy')
document.body.removeChild(inputEle)
}