一键复制的代码

黃小宇的代碼筆記

于 2023-04-13 08:39:11 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： html javascript 前端

本文链接：https://blog.youkuaiyun.com/JS0719/article/details/129871772

该代码段定义了一个名为doCopy的函数，用于复制给定字符串到剪贴板。它首先创建一个新的input元素，设置其值为要复制的文本，然后将其添加到文档体中。接着选中这个input的值，尝试执行document.execCommand(copy)来复制文本。如果复制成功，移除input元素并显示成功消息；否则，显示错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    一键copy的代码doCopy(str){
    // createElement() 方法通过指定名称创建一个元素
    var copyInput = document.createElement("input");
      //val是要复制的内容 copyInput.setAttribute("value", str);
      document.body.appendChild(copyInput);
      copyInput.select();
      try {
      var copyed = document.execCommand("copy");
        if (copyed) {
      document.body.removeChild(copyInput);
        this.$message.success("Copy Success");
        }
      } catch (e) {
    this.$message.error("Copy Fail" + e);
      }
    },