JavaScript метод document.hasFocus()

Определение и применение

JavaScript метод document.hasFocus() возвращает логическое значение, которое указывает на то, имеет ли документ, или любой элемент внутри документа фокус. Возвращаемое значение true указывает на то, что документ имеет фокус, а false, что документ не имеет фокуса. Этот метод можно использовать для определения, имеет ли активный элемент в документе фокус.

Поддержка браузерами

Спецификация: multipage

✓Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры

ВсеКомпьютерыМобильные

Совместимостьapi.Document.hasFocus

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
hasFocus	✓34	✓12	✓3	✓21	✓7… Версия 7 выпущена в 2013 г. Версия 4 выпущена в 2009 г. — Удалено в 7; Частичная поддержка Примечание MDN (англ.) Only supported for HTMLDocument, not all Document objects.	✓34	✓4	✓21	✓7… Версия 7 выпущена в 2013 г. Версия 3.2 выпущена в 2010 г. — Удалено в 7; Частичная поддержка Примечание MDN (англ.) Only supported for HTMLDocument, not all Document objects.	✓2.0	✓37	✓7… Версия 7 выпущена в 2013 г. Версия 3.2 выпущена в 2010 г. — Удалено в 7; Частичная поддержка Примечание MDN (англ.) Only supported for HTMLDocument, not all Document objects.

✓поддерживается◐с ограниченияминет поддержки?нет данных≤31 — не позднее версии 31

JavaScript синтаксис

const hasFocus = document.hasFocus();

Спецификация

HTML Standard.

Пример использования

<button id="check">Проверить фокус документа</button>

document.getElementById('check').addEventListener('click', () => {
    console.log(document.hasFocus())
})

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}