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

相关推荐
ikoala14 小时前
Codex 不得不装的 12 个插件,都在这了
前端·javascript·后端
skywalk816314 小时前
记录段言的开发过程
开发语言·学习·编程
未若君雅裁14 小时前
JVM 垃圾回收器全景与G1深度解析
java·开发语言·jvm
霸道流氓气质14 小时前
Java 大数据量异步处理方案:线程池 vs 消息队列
java·开发语言
devilnumber14 小时前
想真正吃透 + 灵活运用 Java 代理模式
java·开发语言·代理模式
AC赳赳老秦14 小时前
OpenClaw 助力技术面试:自动生成面试题、模拟面试、整理面试知识点
开发语言·python·面试·职场和发展·自动化·deepseek·openclaw
刘科领14 小时前
修改jdk 第一步: 仓库以及构建(jdk17)
java·开发语言
道友可好14 小时前
用 Linter 驾驭 AI:机械化执行的艺术
前端·人工智能·后端
C+-C资深大佬14 小时前
C++ 中的 constexpr与 const区
java·开发语言·c++
流浪码农~14 小时前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui