JavaScript 读取电脑复制的内容

使用navigator.clipboard API读取

备注:由于安全和隐私原因,此API只能在安全上下文中运行(即HTTPS或本地服务器),并且在某些情况下可能需要用户交互(例如,点击事件)。

使用
javascript 复制代码
//HTML 
<el-button @click="ztbtn"><template #icon><el-icon><svg-icon
                      name="i-ep:refresh" /></el-icon></template>粘贴</el-button>



//JS
async function getClipboardText() {
  try {
    const text = await navigator.clipboard.readText();
    console.log('剪贴板内容:', text);
    // 假设您想要在用户成功读取剪贴板内容后显示一条消息
  } catch (err) {
    console.error("🚀 ~ readText ~ err:", err);
    // 可以在这里处理错误,比如显示一个错误消息
    // ElMessage.error("无法读取剪贴板内容");
  }
}
const ztbtn = ()=>{
  // 调用函数
getClipboardText();
}
相关推荐
qq_589666055 小时前
TypeScript 完整入门教程
前端·javascript·typescript
星栈独行7 小时前
翻完 Pi 源码:它和 Codex、Claude Code 有何不同
开发语言·javascript·人工智能·程序人生
落落Plus8 小时前
浏览器缓存机制详解
javascript·缓存·浏览器缓存
用户059540174468 小时前
LLM对话记忆测试踩坑实录:手工回归30分钟,自动化后2分钟发现3个隐藏Bug
前端·css
Ashley的成长之路10 小时前
前端性能优化实战手册·第2篇:资源加载策略全解
前端·性能优化·资源加载·http/3·性能优化实战·资源加载优化
浅水壁虎10 小时前
vue基础(第二章 )
前端·javascript·vue.js
界面开发小八哥10 小时前
界面控件DevExtreme v26.1新版亮点——支持Angular 22
前端·javascript·angular.js·devexpress·ui开发·devextreme
Getflare10 小时前
前端 + UI 设计 + AI:这不是三个工种,是一个新三角能力模型(附自检清单)
前端·人工智能·ui
oil欧哟10 小时前
我做了一个 Vibe Coding 术语学习站:VibeHub
前端·ai·agent·独立开发·vibe coding