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

相关推荐
比昨天多敲两行19 分钟前
linux 线程概念与控制
java·开发语言·jvm
huaweichenai29 分钟前
php 根据每个类型的抽签范围实现抽签功能
开发语言·php
Hi~晴天大圣1 小时前
npm使用介绍
前端·npm·node.js
codeejun2 小时前
每日一Go-73、云原生成本优化 —— 资源限制 & 指标驱动扩容
开发语言·云原生·golang
888CC++2 小时前
如何在 C 语言中进行程序调试?
前端·javascript·算法
就叫_这个吧2 小时前
Java注解、元注解、自定义注解定义及应用
java·开发语言·注解
喵个咪2 小时前
基于 Taro 的 Headless CMS 多端前端架构:技术解析与二次开发导引
前端·react.js·taro
狂炫冰美式3 小时前
你还在古法PPT吗,试试HTML呢?免费编辑导出工具给 xdm 放这了
前端·后端·github
Sam_Deep_Thinking3 小时前
聊聊Java中的of
java·开发语言·架构
万少3 小时前
未来组织的分水岭不是员工数量,而是人才密度
前端·后端·面试