javascript - 调用 navigator.clipboard.readText() 时出现 DOMException

Question

在 chrome 升级到版本 74.0.3729.169(官方构建)(64 位)后，以下代码行用于工作和停止工作。现在，即使权限设置正确，我也会收到 DOMException。如果您能解释什么是错误和解决方法，我们将不胜感激。异常详情:

message:Document is not focusedname:NotAllowedErrorcode:0

navigator.permissions.query({ name: 'clipboard-read' }).then(result => {
// If permission to read the clipboard is granted or if the user will
// be prompted to allow it, we proceed.
    if (result.state === 'granted' || result.state === 'prompt') {
        navigator.clipboard.readText()
            .then(text => {
                //my code to handle paste
             })
             .catch(err => {
                 console.error('Failed to read clipboard contents: ', err);
             });
     }
}

Answer 1

从 devtools 控制台或代码片段执行代码时，这似乎会发生。

解决方法:

您可以执行下面的代码并在 3 秒内将焦点放在窗口上，方法是单击某处，或者只需按 <tab>。 .

例如来自片段

Ctrl-Enter
<Tab>

例如从控制台

Enter
<Tab>

setTimeout(async()=>console.log(
     await window.navigator.clipboard.readText()), 3000)