Как определить, какой DOM-элемент находится в фокусе на веб-странице?

```html Всем привет! Я делаю небольшой текстовый редактор на чистом JavaScript, и мне нужно отслеживать, в каком именно поле ввода пользователь сейчас печатает. У меня есть несколько `` и `<input>` на странице, и я хочу, например, подсвечивать активное поле или показывать подсказку только для того элемента, который в фокусе. Проблема в том, что я не знаю, как программно узнать, какой элемент сейчас активен. Я пробовал использовать `document.activeElement`, но не уверен, что это работает во всех браузерах и правильно ли я его применяю. Вот пример моей разметки и кода: ```html <input type="text" id="name" placeholder="Введите имя"> <textarea id="message" placeholder="Ваше сообщение"> Отправить ``` ```javascript // Я хочу получить элемент, который сейчас в фокусе let focusedElement = document.activeElement; console.log(focusedElement); // Выводит body или undefined? ``` Когда я кликаю на поле ввода и вызываю эту функцию, в консоли часто показыва ```