【简单需求】实现点击列表单元格，自动复制内容的功能

最新推荐文章于 2023-10-06 20:50:32 发布

枍柠`

最新推荐文章于 2023-10-06 20:50:32 发布

阅读量316

点赞数

分类专栏：前端页面需求实现文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_45630675/article/details/126034521

版权

前端页面需求实现专栏收录该内容

9 篇文章 0 订阅

订阅专栏

实现点击列表单元格，自动复制内容的功能

代码如下：

    // 行点击事件
    rowClick(row, column) {
      if (column.property === 'jkmy') {
        this.getCopy(row.jkmy)
      }
    }
    
    // 自动复制
    getCopy(val) {
      // 手动创建 textarea 标签
      const textarea = document.createElement('textarea')
      // 将该 textarea 设为 readonly禁止输入，同时将 textarea 移出可视区域
      textarea.readOnly = 'readonly'
      textarea.style.position = 'absolute'
      textarea.style.left = '-9999px'
      // 将要 copy 的值赋给 textarea 标签的 value 属性
      textarea.value = val
      // 将 textarea 插入到 body 中
      document.body.appendChild(textarea)
      // 选中值并复制
      textarea.select()
      document.execCommand('Copy')
      document.body.removeChild(textarea)
      this.$message.success('复制成功')
    }