当前位置: 首页 > news >正文

JavaScript 读取电脑复制的内容

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

相关文章:

  • android音效算法集成框架(3)
  • Spring容器生命周期详解
  • XHR.readyState详解
  • markdown 文件转 word
  • nginx反向代理示例
  • 爬虫面试题
  • HarmonyOS NEXT 关于鸿蒙的一多开发(一次开发,多端部署) 1+8+N
  • 前端技术(28) : 拖拽、粘贴和点击浏览文件上传
  • iOS rootless无根越狱检测方案
  • Python中的JSON转换:全面指南与最佳实践
  • ESLint报错:Could not find config file.
  • Git合并删除原理
  • Centos与Ubuntu系统的对比分析
  • C++进制转换的方法
  • LinuxI/O多路转接(select、poll、epoll)
  • 23种设计模式-模板方法(Template Method)设计模式
  • 基于无线的分布式温度采集报警系统设计(论文+源码)
  • SpringCould微服务架构之Docker(3)
  • QML学习 —— 17、“DelayButton 延迟按钮“之“一键三连“示例(附完整源码)
  • vue2项目eslint提示<template v-for> key should be placed on the <template> tag
  • 鲁棒导航/潍坊seo培训
  • wordpress photolux/河北优化seo
  • 巨野有做网站的公司吗/合肥网络推广软件
  • 深圳网站建设兼职/重庆seo小潘大神
  • 美艺网站建设/旺道seo系统
  • 建设官方网站企业网站/网络营销推广论文