vue antd 读取剪切板

作者: 程序员老王
时间: 2025-02-11
分类: 默认分类

读取剪切板需要有用户交互，比如点击，第一次需要申请权限

<a-button :disabled="Object.keys(harFiles.valueOf()).length===0" @click="readClipboardText">add record from
          clipboard
        </a-button>

const readClipboardText = async () => {
  try {
    // 请求剪切板读取权限
    const permission = await navigator.permissions.query({name: 'clipboard-read'});

    if (permission.state === 'granted' || permission.state === 'prompt') {
      // 读取文本内容
      let text = await navigator.clipboard.readText()
      console.log(text)
      
    } else {
      alert('请允许剪切板访问权限！');
    }
  } catch (error) {
    console.error('读取失败:', error);
    alert('无法读取剪切板内容，请确保浏览器支持或已授予权限');
  }
};

标签: 读取剪切板