JavaScript 读取电脑复制的内容

前端小趴菜05

于 2025-03-27 17:53:15 发布

阅读量466

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_68716504/article/details/146567327

使用navigator.clipboard API读取

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

使用

//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();
}