js实现点击按钮复制内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<img src="./images/copy.png" @click="copyUrl" />
 
    copyTextArea() {
      const shareUrl = "http://www.xxx.com";
      const textarea = document.createElement("textarea");
      textarea.value = shareUrl;
      // 将textarea添加到文档中
      document.body.appendChild(textarea);
      // 选中textarea中的文本
      textarea.select();
      try {
        // 尝试复制选中的文本
        const successful = document.execCommand("copy");
        if (successful) {
          this.$toast("复制成功!");
        }
      } catch (err) {
        this.$toast(
          "复制失败,请尝试打开浏览器剪切板读取权限,或复制浏览器页面地址进行分享"
        );
      }
    },
    // 复制链接
    copyUrl() {
      const shareUrl = "http://www.xxx.com";
      // 创建textarea元素
      if (navigator.clipboard) {
        navigator.clipboard
          .writeText(shareUrl)
          .then(() => {
            this.$toast("复制成功!");
          })
          .catch(() => {
            this.copyTextArea();
          });
      } else {
        this.copyTextArea();
      }
    },

  

posted @   芝麻小仙女  阅读(135)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示