前端实现点击复制功能---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)

相关推荐
lichenyang4531 分钟前
鸿蒙 Web 容器(一):怎么把一个 H5 页面嵌进鸿蒙页面?
前端
BreezeJiang2 分钟前
从一棵树到一亿人:算法世界的"深搜"哲学
javascript
廖磊AI编程8 分钟前
AI 编程项目缺少 Bun 时,如何用 BVM 安装和验证运行时
javascript
我命由我1234510 分钟前
Jetpack Room - Room 查询返回列表无需判空、LIKE 关键字
android·java·开发语言·java-ee·android jetpack·android-studio·android runtime
#麻辣小龙虾#19 分钟前
vue3基于leaflet.js实现地图编辑功能
javascript·ecmascript·leaflet.js
goodluckyaa19 分钟前
Warp shuffle函数
开发语言
j7~21 分钟前
【C++】STL--Vector容器--拆析解剖Vector的实现以及Vector的底层详解(1)
开发语言·c++·vector·迭代器失效·迭代器的使用
AHRIKNOW23 分钟前
写一个 Fetch 封装库,没那么简单
javascript
奇奇怪怪的26 分钟前
浏览器线程与进程深度剖析
前端
xxwl58526 分钟前
Python语言初步认识(1)
开发语言·python·学习