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

相关推荐
方也_arkling7 分钟前
【Java-Day19】集合1(Collect单列集合)
java·开发语言
老毛肚10 分钟前
jeecgboot vue 路由 拆分01
前端·javascript·typescript
ZC跨境爬虫11 分钟前
跟着 MDN 学CSS day_46:(响应式实战——用媒体查询打造双列布局)
前端·css·ui·html·tensorflow·媒体
狗凯之家源码网13 分钟前
多语言企鹅养殖投资返利系统 自定义产品配置 一键部署源码
前端·架构·php
Xin_ye1008614 分钟前
C# 零基础到精通教程 - WPF 专题三:高级控件与自定义控件
开发语言·c#·wpf
每天吃饭的羊16 分钟前
LeetCode 链表
前端
神仙别闹18 分钟前
VUE框架 + Element UI + Node 模拟打印机的 Web 即时打印
前端·vue.js·ui
SoftLipaRZC19 分钟前
C语言自定义类型:结构体完全指南
c语言·开发语言
vivo互联网技术20 分钟前
把输入框变成 AI 的“超级入口”(ProseMirror 全流程实战)
前端·agent
lunzi_082620 分钟前
《图解HTTP》--第5章-与HTTP协作的Web服务器
服务器·前端·http