JS代码实现复制功能
在业务中,经常会遇到这样的场景,需要点击按钮,复制标签中的文本到剪切板,浏览器是有copy方法的,但是select() 选中文本方法只针对input和textarea有效, 我们的解决方案是点击按钮的时候,create一个input,将要复制的内容通过setAttribute赋值给input的value,然后可以通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板,最后删除create出来的input节点。
代码如下:
function copy(str) {
var aux = document.createElement('input')
aux.setAttribute('value', str)
document.body.appendChild(aux)
aux.select()
document.execCommand('copy')
document.body.removeChild(aux)
alert('复制成功')
}