好资源导航 » 文章资讯 » js实现复制粘贴的两种方法

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

2023-07-08 19:15:04 471

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

一、前沿

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

二、方法、推荐第二种。

1、第一种方法

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





constructor-nodelist





点我复制

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

2、第二种方法

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





Title








Copy

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

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

三、总结

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

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