首页 > 其他分享 >网页中的快捷复制按钮实现

网页中的快捷复制按钮实现

时间:2023-08-15 14:28:28浏览次数:31  
标签:网页 execCommand 复制 快捷 按钮 input document const

有时我们需要实现快捷复制某些信息的功能,例如下图所示:

这时我们可以使用documentexecCommand来实现这一功能。
代码参考:

const copyKey = val => {
  const input = document.createElement('input')
  input.setAttribute('readonly', 'readonly')
  input.setAttribute('value', val.tenantKey)
  document.body.appendChild(input)
  input.setSelectionRange(0, 9999)
  input.select()
  if (document.execCommand) {
    document.execCommand('copy')
    document.body.removeChild(input)
    ElMessage('复制成功')
  }
}

标签:网页,execCommand,复制,快捷,按钮,input,document,const
From: https://www.cnblogs.com/Cxymds/p/17631155.html

相关文章

  • EAS_客户端设置按钮和菜单栏操作选项隐藏
    我们要想隐藏客户端的按钮或者菜单,防止操作,可以在listUI或者EditUI中onload()方法中使用下列方式来设置控件是否显示和是否可用,控件名可通过dep查看或者通过shift+alt+d来查看控件publicvoidonload(){//禁用按钮this.btnSave.setVisible(false);......
  • k_快捷键
    C#   格式化代码ctrl+k+d EXCEL1.一键求和: ALT+=2.  一键美化: Ctrl+T3. 一键生成图表: ALT+F14.加平方符号:ALT+1785. 加立方符号:ALT+1796. 加打勾符号:ALT+414207.加打叉符号:ALT+414098.带框勾:2611再按ALT+X......
  • 网页播放海康,威视,大华,华为摄像头RTSP流,延迟毫秒级,支持多路播放、H.264/H.265
    一、背景:在遍地都是摄像头的今天,往往需要在各种信息化、数字化、可视化B/S系统中集成实时视频流播放等功能,海康、大华、华为等厂家摄像头或录像机等设备一般也都遵循监控行业标准,支持国际标准的主流传输协议RTSP输出,而Chrome、Firefox、Edge等新一代浏览器从2015年开始取消了NPAPI......
  • C# 获取网页上指定的元素
    直接上代码//usingSystem;//usingSystem.Net.Http;//usingSystem.Threading.Tasks;//usingHtmlAgilityPack;//usingNewtonsoft.Json;//classProgram//{//staticasyncTaskMain(string[]args)//{//usingvarhttpClient=newHttpClient();......
  • 使用vue自定义指令实现按钮权限管理
    原文链接:https://www.jianshu.com/p/f7d6b9420cee官网链接:https://v2.cn.vuejs.org/v2/guide/custom-directive.html注册全局指令Vue提供了一个directive方法给我们注册自定义指令,在main.js中注册一个全局的自定义指令。directive方法接收两个参数:指令名称、包含指令钩子函......
  • 常用快捷键
    CTRL+alt+L格式化代码CTRL+alt+M抽取方法Ctrl+shift+z 下一步CTRL+alt+V自动抽取方法CTRL+alt+V自动填充左边CTRL+alt+T用IF/WHILE包裹代码CTRL+alt+/选中所选代码多行注释CTRL+alt+左键回到刚才看的地方CTRL+/选中所选代码单行注释......
  • VS Code常用快捷键
    前言对于开发者而言,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率。以下是我整理的一份VSCode常用快捷键清单,希望能够帮助到你,欢迎在评论区留下你的常用快捷键......
  • WinForm DevExpress 添加行内按钮
    1.在设计器里面添加一列,设置单元格不可编辑、只读属性   2.在所在GridView属性里面添加CustomDrawCell事件与RowCellClick事件privatevoidgvMain_CustomDrawCell(objectsender,DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgse){......
  • navicat 常用快捷键
    1.ctrl+q       打开查询窗口2.ctrl+/        注释sql语句3.ctrl+shift+/ 解除注释4.ctrl+r        运行查询窗口的sql语句5.ctrl+shift+r 只运行选中的sql语句6.F6              打开一个mysql命令行窗口7.ctrl+l    ......
  • Linux中 more/less快捷键
    空格翻页全屏导航ctrl+F-向前移动一屏ctrl+B-向后移动一屏ctrl+D-向前移动半屏ctrl+U-向后移动半屏单行导航j-向前移动一行k-向后移动一行其它导航G-移动到最后一行g-移动到第一行q/ZZ-退出less命令......