简易前端的一键复制功能实现

479 阅读1分钟

先贴代码:

    // 点击复制
    copyHandle(val) {
      // 创建一个input标签,并将需要复制的文本绑定到input标签
      const inp = document.createElement("input");
      inp.type = "text";
      inp.value = val;
      // 向body节点添加这个input标签
      document.body.appendChild(inp);
      // 调用input标签的select()方法,选中文本
      inp.select();
      // 调用# document.execCommand()方法执行copy命令
      document.execCommand("Copy", true);
      alert("已复制");
      // 从DOM中移除该input标签
      document.body.removeChild(inp);
    }
  • 函数的形参为需要复制的文本。主要思路已经写在注释中,兼容性问题暂时没有遇到,等遇到了再进行补充。