js输入框复制文案方法

最新推荐文章于 2025-02-11 17:57:58 发布

阿笙@叶

最新推荐文章于 2025-02-11 17:57:58 发布

阅读量238

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/hzh2031015/article/details/120779200

版权

js 专栏收录该内容

16 篇文章

订阅专栏

本文档介绍如何使用JavaScript在用户点击照片或复制文本时实现数据的复制操作。

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

点击一个照片或者复制文案实现复制的数据

<div @click="copy(this.aaaa)">{{this.aaaa}}</div>
 copy(text) {
    let _input = document.createElement("input"); // 直接构建input
    _input.value = text; // 设置内容
    document.body.appendChild(_input); // 添加临时实例
    _input.select(); // 选择实例内容
    document.execCommand("Copy"); // 执行复制
    this.$toast({
      message: `已经复制`
    });
    document.body.removeChild(_input); // 删除临时实例
  }