js实现一键复制文字

最新推荐文章于 2025-05-10 12:04:37 发布

魈傩

最新推荐文章于 2025-05-10 12:04:37 发布

阅读量386

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_42077503/article/details/122171332

前端学习专栏收录该内容

31 篇文章

订阅专栏

这篇博客介绍了如何利用JavaScript在网页中创建一个隐藏的input元素，设置其value为要复制的内容，然后通过execCommand('Copy')命令实现文本的复制。这种方法适用于在前端实现无插件的复制功能。

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

原生方法：

const target = document.createElement('input') // 创建input节点
      target.value = key // 给input的value赋值（要复制的文字）
      document.body.appendChild(target) // 向页面插入input节点
      target.select() // 选中input
      try {
        await document.execCommand('Copy') // 执行浏览器复制命令
        console.log('复制成功')
      } catch {
        console.log('复制失败')
      }