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();
}
相关推荐
赛博切图仔8 分钟前
面试手写 Promise:链式 + 静态方法全实现
前端·javascript·面试
掘金安东尼14 分钟前
互联网不再由 URL 为核心入口
前端·人工智能·github
Moment16 分钟前
面试官:用户访问到一个不存在的路由,如何重定向到404 Not Found的页面 ❓❓❓
前端·javascript·面试
前端小巷子19 分钟前
深入 Vue3 computed
前端·vue.js·面试
未来的旋律~30 分钟前
Web程序设计
前端
全宝30 分钟前
实现一个有意思的眼球跟随卡片
前端·javascript·css
全宝37 分钟前
用css做一枚拟物风格的按钮
前端·css·svg
IT_陈寒1 小时前
3年Java开发经验总结:提升50%编码效率的7个核心技巧与实战案例
前端·人工智能·后端
yqcoder1 小时前
vue2 和 vue3 生命周期的区别
前端·javascript·vue.js
excel1 小时前
前端人必备的 JavaScript API 全面指南(含 postMessage、File、Stream、Web 组件等)
前端