js实现复制、粘贴文字

点击按钮复制文字

javascript 复制代码
copyText (str) {
  const textarea = document.createElement('textarea')
  textarea.value = str
  // 将这个元素添加到body中,以便可以选中它
  document.body.appendChild(textarea)
  // 选择这个元素的内容
  textarea.select()
  // 执行复制操作
  document.execCommand('copy')
  // 移除这个元素,因为它不再需要了
  document.body.removeChild(textarea)
}

粘贴文字

令输入框绑定的值等于Ctrl+v复制的值

javascript 复制代码
this.xxx= await navigator.clipboard.readText()
相关推荐
damoluomu几秒前
静态站点生成器怎么选:Node.js 生态里常用的五个(番外一)
javascript·css·typescript·node.js·html
程序员大阳12 分钟前
副队长HTML+CSS博客网站实战 (1)–项目介绍与整体规划
css·html·实战·教程·博客网站·规划
小马过河R13 分钟前
EdgeOne深度解析:从原理、适用场景到COS接入的技术逻辑
java·开发语言·前端·spring·cos
程序员大阳23 分钟前
副队长HTML+CSS博客网站实战 (3)–首页主体:Grid 文章卡片 + 侧边栏布局
css·html·侧边栏·博客网站·首页·文章卡片
ZoeLandia31 分钟前
TypeScript 04:类型断言与类型守卫
开发语言·前端·typescript
guzicheng199034 分钟前
webpack 安装笔记:全局 vs 本地,以及一个 PATH 环境变量的坑
前端·webpack
西索斯coding40 分钟前
Claude Code 工具调用返回空怎么办?claude-opus-5.5 的 input_schema 校验踩坑记录与修复方案
服务器·前端·javascript·ai
疯狂敲代码的老刘41 分钟前
MarvellousSuspender浏览器扩展:1.4K星开源标签页冻结神器,Chrome吃内存终结者的干净复活版
前端·chrome
码上上班42 分钟前
shell 脚本知识点总结
前端·chrome
程序员Sunday43 分钟前
Flex 和 Grid 有什么区别?一维布局、二维布局怎么选?
前端·css·面试