js实现复制粘贴的两种方法

本文实例为大家分享了js实现复制粘贴的具体代码，供大家参考，具体内容如下

一、前沿

界面需要复制功能，所以就写了一个作为简单记录

二、方法、推荐第二种。

1、第一种方法

1）、通过 document.execCommand('copy')
2）、前端代码如下：

 
 
 
 



点我复制

3）、总结：主要是通过 class和id 来复制 a标签中的 href，把复制好的内容放到 生成的input标签中，然后复制结束把 input标签给remove，这个你复制内容自行发挥，和修改 js。
4）、问题：第一次点击不生效，需要点击两次，暂时不解决

2、第二种方法

1）、通过 ClipboardJS 来实现 内容的复制，推荐这个
2）、git地址：clipboardjs
3）、前端代码如下：

 
 
 
 
 
 




 Copy

3）、总结：请一定要仔细阅读 文档。这个项目还是非常强大的，强烈推荐这个。

4）、问题：也是遇到了 第一次复制不生效的问题，暂时不解决了。

三、总结

1、都遇到了 第一次复制不生效的问题，后续解决把，都采用了 sweetalert 。
2、个人都只在 谷歌和火狐浏览器实验了，都可以用，如果其他浏览器版本不能用，请自行查阅其他文章，欢迎沟通、指正。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。