前端实现点击复制功能---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 分钟前
最小 SOFA XML 场景结构 0-base.scn
xml·java·前端
运维行者_2 分钟前
使用Applications Manager监控的关键MongoDB指标
服务器·开发语言·网络·数据库·mongodb·机器学习·云计算
用户713874229009 分钟前
浏览器安全机制与现代 SPA 认证架构深度解析
前端
Momo__9 分钟前
Node Modules Inspector:Vue 团队出品的依赖分析神器
前端·vue.js·npm
kisshyshy10 分钟前
从零搭建全栈应用:模块化思想 + 语义化HTML + JSON‑Server快速Mock
前端
解决问题no解决代码问题11 分钟前
设计模式分类介绍
java·开发语言·设计模式
yamsfeer12 分钟前
电商自动化支付全链路技术拆解:从Playwright到扫码支付的底层原理
前端
DongWook13 分钟前
WangEditor渲染标签自定义属性的探索
前端
sugar__salt14 分钟前
从Python列表切片到LLM接口实战:零基础AI编程落地教程
开发语言·python·ai·prompt·transformer·ai编程
沙漠14 分钟前
React Native-SyncFormatEdittext:用 JSI 实现零闪烁的实时文本格式化
前端·react native