Is there any way in JavaScript to focus the document (content area)?

Question

Is there any way to set focus to the document, ie the content area, in JavaScript? document.focus() doesn't seem to do anything.

Answer 1

In HTML 4.01 , focus is only discussed in the context of elements such as form controls and links. In HTML 5 , it is discussed much more widely. However, how focus works for documents is mostly browser dependent.

You might try:

// Give the document focus
window.focus();

// Remove focus from any focused element
if (document.activeElement) {
    document.activeElement.blur();
}

It is very well supported as well.

Answer 2

似乎以下代码有效......

document.activeElement.blur();

Answer 3

Typescript-friendly answer:

(document.activeElement as HTMLElement).blur();

Reference: https://github.com/Microsoft/TypeScript/issues/5901#issuecomment-396497729