标签 读取剪切板 下的文章

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

<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('无法读取剪切板内容,请确保浏览器支持或已授予权限');
  }
};