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

相关推荐
nFBD29OFC几秒前
利用Vue元素指令自动合并tailwind类名
前端·javascript·vue.js
Vfw3VsDKo9 分钟前
Maui 实践:Go 接口以类型之名,给 runtime 传递方法参数
开发语言·后端·golang
ISkp3V8b427 分钟前
ASP.NET MVC]Contact Manager开发之旅之迭代2 - 修改样式,美化应用
前端·chrome
Pyeako34 分钟前
PyQt5 + PaddleOCR实战:打造桌面级实时文字识别工具
开发语言·人工智能·python·qt·paddleocr·pyqt5
Highcharts.js1 小时前
高级可视化图表的暗色模式与主题|Highcharts 自适应主题配色全解
前端·react.js·实时图表
白藏y2 小时前
【C++】muduo接口补充
开发语言·c++·muduo
zk_one2 小时前
【无标题】
开发语言·前端·javascript
阿里嘎多学长2 小时前
2026-04-05 GitHub 热点项目精选
开发语言·程序员·github·代码托管
OOJO2 小时前
c++---vector介绍
c语言·开发语言·数据结构·c++·算法·vim·visual studio
Makoto_Kimur2 小时前
Java 打印模板大全
java·开发语言·排序算法