使用navigator.clipboard.writeText方法实现复制功能

492 阅读1分钟

今天上班做项目的时候遇到个问题,需求是这样的,点击复制,复制当前行的内容

9871702d05178e0b4a2ee7170063873.png

发现execCommand被弃用

b7758c16bfd02caee82ea14be320ce0.png

然后我就上网去查了下,找到了navigator.clipboard.writeText方法,基于Promise,不用像execCommand一样还得选中范围,去mdn上面看了下,兼容性也挺好!

e45d71de0d1d5865843e7ca6e1c8900.png

来看看最后的效果以及实现的代码

bd43e802f81cfc5fcecbc6004d6a051.png

ddf260428eab8bf654c6fb8b4b513f5.png

谢谢大家的耐心观看!前端小菜鸡一枚,如果有什么不足的地方欢迎大家指正,感谢! 8a02cabae489de8bed8f79b3251139c.jpg