前端实现点击复制功能---execCommand

复制代码
 copy(data) {
    //创建input元素节点
    const input = document.createElement('input')
    //传入需要复制的内容
    input.value = data 
    //插入一个input节点
    document.body.appendChild(input)
    //全选input框里面的内容
    input.select()
    //复制input框中选中的内容,Copy代表复制操作,还有剪切等操作,具体可参考文档链接
    document.execCommand('Copy')
    //移除input节点
    input.remove()
  }

PS:

execCommand会显示弃用,如果要使用,具体兼容性可参考如下链接:

document.execCommand - Web API 接口参考 | MDN (mozilla.org)

相关推荐
胡志辉的博客几秒前
网络七层到底怎么落到一次前端请求上:从浏览器到网卡,再到远端服务器
服务器·前端·网络
敲敲千反田1 分钟前
CMS和G1
java·开发语言·jvm
小比特_蓝光2 分钟前
从环境变量到进程地址空间:Linux系统学习笔记
前端·chrome
亿元程序员2 分钟前
海外这个新游好玩?手把手带你实战一个!
前端
sycmancia3 分钟前
Qt——Qt中的文件操作、文本流和数据流
开发语言·qt
M ? A3 分钟前
Vue slot 插槽转 React:VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
a1117766 分钟前
演唱会3D选座网页(HTML 开源)
前端·3d·html
ACP广源盛139246256738 分钟前
长距传输全能芯 @ACP#GSV5800 Type‑C/DP1.4/HDMI2.0 高速延长芯片
c语言·开发语言·网络·人工智能·嵌入式硬件·计算机外设·电脑
存在的五月雨9 分钟前
Python操作 调用yolov8n-pose
开发语言·python·yolo
ZC跨境爬虫10 分钟前
3D 地球卫星轨道可视化平台开发 Day10(交互升级与接口溯源)
前端·javascript·3d·自动化·交互