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

相关推荐
我是伪码农18 小时前
JS考核复写
前端·javascript·css
Hello eveybody18 小时前
二叉树简述+考试要点(Python)
开发语言·python
JianZhen✓18 小时前
前端开发AI工具全攻略:Cursor省Token+模型选择+免VPN工具+万能提示词
前端·人工智能
第二只羽毛18 小时前
C++高性能内存池6(面试题)
大数据·开发语言·c++
故事和你9118 小时前
洛谷-算法1-1-模拟与高精度4
开发语言·数据结构·c++·算法·蓝桥杯·动态规划
I love studying!!!18 小时前
Python项目:使用API
开发语言·python
祁鱼鱼鱼鱼鱼18 小时前
Location 字符匹配详解
linux·服务器·前端
祁鱼鱼鱼鱼鱼18 小时前
Nginx反向代理及反向代理负载均衡
linux·服务器·前端
We་ct18 小时前
JS核心难点解析:变量提升、作用域、Promise、this与类型转换
开发语言·前端·javascript·面试·作用域·类型转化·变量提升
雪的季节18 小时前
deleteLater跨线程安全触发时机解析
开发语言·qt·安全