Uncaught (in promise) DOMException: Document is not focused.解决办法

前端的一只菜鸟

于 2022-07-26 17:32:39 发布

阅读量5.6k

点赞数 4

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_15038747/article/details/125999599

版权

本文介绍如何使用JavaScript通过navigator.permissions查询剪贴板读取权限，并结合页面焦点判断，实现在用户允许或提示时读取剪贴板内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

navigator.permissions.query({name: 'clipboard-read'}).then(result => {
  const hasFocus = document.hasFocus()//这个是重点，可判断是否为当前dom页面
  if (hasFocus && (result.state === 'granted' || result.state === 'prompt')) {
    const clipboard = navigator.clipboard.readText()
    clipboard.then(clipText => {
      if (clipText !== clipboardContent && clipText) {
        console.log(clipText)
      }
    })
  }
});