javascript 复制到剪贴板_Angular CDK 工具包 Clipboard 剪贴板

bcba8ebc448a69caa8bc6dbb0ee72d04.png
Web页面中偶尔会使用到快捷复制功能操作,更常见的可能是后台数据管理项目中。如用户姓名、电话与地址,因布局结构设计,不便于一次性复制这些数据,这时就需要一个复制按钮(小图标)进行操作。下面看看Angular工具里的Clipboard包应用。

复制是我们浏览页面或操作中常常使用的一种方法。双击、光标选择、Ctrl+A快捷全选等方法选中指定的文本内容执行Ctrl+C或右键复制到剪贴板。

在一定场景下,复制可能就比较麻烦,如,用户姓名、电话与联系地址,三条数据分散布局,不能够一次性将其复制或数据信息比较多,无法执行全选,这时,可能就需要一个按钮,通过点击直接将数据复制到剪贴板。

8dccf384298653a01063c98f6b24e7cb.png

JavaScript中若要执行此方法,可能第一个想到的就是Document.execCommand('copy')方法或调用一些库去实现。

JavaScript中实现复制操作

创建一个input/textar

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值