js将文案复制到剪贴板

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('复制成功')
}
posted @ 2020-05-26 15:26  我是粉粉呀  阅读(359)  评论(0编辑  收藏  举报