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

相关推荐
IMPYLH3 小时前
HTML 的 <a>元素
前端·javascript·html
PedroQue993 小时前
uni-router:uni-app路由管理新选择
前端·uni-app
Cerrda3 小时前
一行指令搞定复制:Vue 3 vCopy 实现解析
前端·代码规范
绵绵细雨中的乡音3 小时前
监控显示一切正常,可用户根本打不开网站——Blackbox Exporter帮我找到了真相(1)
开发语言·php
c++之路3 小时前
CMake 系列教程(五):进阶技巧
c语言·开发语言·c++
ZengLiangYi3 小时前
本地向量数据库选型:vectra vs chroma vs hnswlib
javascript·数据库·后端
英勇无比的消炎药3 小时前
前端提效神器TinyRobot
前端·vue.js
踏着七彩祥云的小丑3 小时前
Go学习第5天:变量作用域 + 数组 + 指针
开发语言·学习·golang·go
Sam_Deep_Thinking3 小时前
java中的class到底是个什么东西?
java·开发语言·面试
CDwenhuohuo3 小时前
uni 背景色渐变 全屏
前端·javascript·vue.js