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

相关推荐
恋恋风尘hhh16 分钟前
滑动验证码前端安全研究:以顶象(dingxiang-inc)为例
前端·安全
萑澈7 小时前
Windows 7 运行 Electron 安装包报“不是有效的 Win32 应用程序”怎么办
javascript·windows·electron
W.A委员会7 小时前
JS原型链详解
开发语言·javascript·原型模式
止语Lab7 小时前
Go并发编程实战:Channel 还是 Mutex?一个场景驱动的选择框架
开发语言·后端·golang
懂懂tty7 小时前
React状态更新流程
前端·react.js
小码哥_常8 小时前
告别繁琐!手把手教你封装超实用Android原生Adapter基类
前端
她说彩礼65万8 小时前
C# 实现简单的日志打印
开发语言·javascript·c#
绿浪19848 小时前
c# 中结构体 的定义字符串字段(性能优化)
开发语言·c#
skywalk81638 小时前
pytest测试的时候这是什么意思?Migrating <class ‘kotti.resources.File‘>
前端·python
房开民8 小时前
可变参数模板
java·开发语言·算法