javascript - 如果另一个元素已经聚焦，如何聚焦 body 元素？

Question

如果另一个元素已经获得焦点，如何以编程方式将焦点放在 body/document.body 元素上？

调用 document.body.focus() 似乎不起作用，可能是因为 body 不可聚焦。

MDN说

The HTMLElement.focus() method sets focus on the specified element, if it can be focused.

Answer 1

如果您首先对当前聚焦的元素调用 .blur()，然后调用 window.focus，Chrome 和 Firefox 都会聚焦 document.body 元素() 紧随其后。

完整解决方案(TypeScript):

    private focusBody = () => {
        if (document.activeElement instanceof HTMLElement) {
            document.activeElement.blur();
        }
        window.focus();
    };