js 直接复制文本内容

菜瓜于

于 2021-10-03 22:27:22 发布

阅读量201

点赞数

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

本文链接：https://blog.youkuaiyun.com/qq_36441761/article/details/120599256

版权

js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用JavaScript在网页上创建一个输入框，并通过`document.execCommand`实现文本复制功能。步骤包括创建input元素、设置值、插入页面并选中，然后尝试执行浏览器复制命令，提示复制成功或失败。

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


 const target = document.createElement('input') // 创建input节点
 target.value = text // 给input的value赋值
 document.body.appendChild(target) // 向页面插入input节点
 target.select() // 选中input
 try {
   document.execCommand('Copy') // 执行浏览器复制命令
   this.$message({
     message: '复制成功',
     type: 'success'
   })
 } catch {
   console.log('复制失败')
 }