js 复制文本功能

最新推荐文章于 2024-06-16 17:45:08 发布

woodFan先生

最新推荐文章于 2024-06-16 17:45:08 发布

阅读量1.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_42715494/article/details/126701609

版权

JavaScript 复制功能 HTML DOM操作用户交互

关键词由CSDN通过智能技术生成

前端专栏收录该内容

60 篇文章 0 订阅

订阅专栏

HTNL代码：

<el-button type="text" @click="copyFunction('复制文本')">复制</el-button>

JS代码：

    // 复制文本
    copyFunction(context){
      // 创建输入框元素
      let oInput = document.createElement('input');
      // 将想要复制的值
      oInput.value = context;
      // 页面底部追加输入框
      document.body.appendChild(oInput);
      // 选中输入框
      oInput.select();
      // 执行浏览器复制命令
      document.execCommand('Copy');
      // 弹出复制成功信息
      this.$message.success('复制成功');
      // 复制后移除输入框
      oInput.remove();
    },