如何在 Chrome 开发者控制台中确定文档是否获得焦点

Question

我正在尝试使用此 API 查看我的文档是否具有焦点。

https://developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus

因此，我要做的是加载我的页面，然后在 Chrome 开发者控制台中输入“document.hasFocus()”

问题是它总是返回 false。这是因为在我加载页面后，我需要单击 chrome 开发者控制台，然后才能输入“document.hasFocus()”并执行该方法。

这样就获得了控制台焦点。

我怎样才能解决这个问题？

谢谢。

Answer 1

不要从控制台运行命令，而是在页面上创建一个按钮。单击后，记录该方法的输出。

<button type=button onclick="function() {console.log(document.hasFocus());}">Do I have focus?</button>