![bcba8ebc448a69caa8bc6dbb0ee72d04.png](https://i-blog.csdnimg.cn/blog_migrate/abeb2797092c53ba357d1c2abf55d0ee.jpeg)
Web页面中偶尔会使用到快捷复制功能操作,更常见的可能是后台数据管理项目中。如用户姓名、电话与地址,因布局结构设计,不便于一次性复制这些数据,这时就需要一个复制按钮(小图标)进行操作。下面看看Angular工具里的Clipboard包应用。
复制是我们浏览页面或操作中常常使用的一种方法。双击、光标选择、Ctrl+A快捷全选等方法选中指定的文本内容执行Ctrl+C或右键复制到剪贴板。
在一定场景下,复制可能就比较麻烦,如,用户姓名、电话与联系地址,三条数据分散布局,不能够一次性将其复制或数据信息比较多,无法执行全选,这时,可能就需要一个按钮,通过点击直接将数据复制到剪贴板。
![8dccf384298653a01063c98f6b24e7cb.png](https://i-blog.csdnimg.cn/blog_migrate/99d85b589eccc5e2fa146d229e98a563.jpeg)
JavaScript中若要执行此方法,可能第一个想到的就是Document.execCommand('copy')
方法或调用一些库去实现。
JavaScript中实现复制操作
创建一个input/textar