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();
}
相关推荐
Bigger10 分钟前
🍸 Apple Liquid Glass 设计理念与前端实现解析
前端·css·apple
星火飞码iFlyCode13 分钟前
【无标题】
java·前端·人工智能·算法
夏梦春蝉20 分钟前
ES6从入门到精通:变量
前端·javascript·es6
步行cgn24 分钟前
ES6 核心语法手册
前端·javascript·es6
sorryhc39 分钟前
React SSR同构渲染方案是什么?
前端·javascript·next.js
小公主1 小时前
别再乱用异步了!一文搞懂 Promise 和 async/await 的执行顺序与最佳实践
javascript
南枝异客1 小时前
电话号码的字母组合
开发语言·javascript·算法
护国神蛙1 小时前
给你一个页面如何定时刷新
前端·javascript·浏览器
一直游到海水变蓝丿2 小时前
el-select下拉框 添加 el-checkbox 多选框
前端·javascript·vue.js
阿奇__2 小时前
element 跨页选中,回显el-table选中数据
前端·vue.js·elementui