js复制剪切板

Posted Jay_帅小伙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js复制剪切板相关的知识,希望对你有一定的参考价值。

cpTxt(url)
      let copyInput = document.createElement('input');//创建input元素
      copyInput.value=url;//添加属性,将url赋值给input元素的value属性
      document.body.appendChild(copyInput);//向页面底部追加输入框
      copyInput.select();//选择input元素
      document?.execCommand("Copy");//执行复制命令
      this.$message.success("链接已复制!");//弹出提示信息,不同组件可能存在写法不同
      //复制之后再删除元素,否则无法成功赋值
      copyInput.remove();//删除动态创建的节点
    

以上是关于js复制剪切板的主要内容,如果未能解决你的问题,请参考以下文章

js 剪切板的用法(clipboardData.setData)

用js实现图片复制到剪切板的功能,兼容各种浏览器,例如IE,火狐、chome等。

js复制剪切板

jquery实现点击复制到剪切板

Clipboard.js实现复制内容到剪切板

js 复制到剪切板