【前端】如何简单且可靠地实现复制

问题

点击按钮,如何实现复制,要求能够兼容ios、android、web等

解决

引入copy-to-clipboard

js 复制代码
import copy from 'copy-to-clipboard';

handleCopy(){
  copy(anythingYouWantToCopy)
}

好了

补充

之前找怎么实现复制,各种资料各种方法,然后又带来了各种兼容性问题,然后为了解决各种兼容性问题又引出来更多的各种问题...实在是让人头疼

其实手写复制也实现做了一套,但是真要生产上用起来,还是建议引个包,用个方法,简简单单easyeasy就解决了(谁不喜欢偷懒呢狗头)

相关推荐
别拿曾经看以后~1 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
我要洋人死1 小时前
导航栏及下拉菜单的实现
前端·css·css3
川石课堂软件测试1 小时前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
科技探秘人1 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人1 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR1 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香1 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596931 小时前
前端预览word、excel、ppt
前端·word·excel
小华同学ai1 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
problc1 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter