Cómo determinar qué elemento DOM está enfocado en una página web

¡Hola a todos! Estoy haciendo un pequeño editor de texto en JavaScript puro, y necesito rastrear en qué campo de entrada está escribiendo el usuario actualmente. Tengo varios `` y `<input>` en la página, y quiero, por ejemplo, resaltar el campo activo o mostrar una sugerencia solo para el elemento que está en focus. El problema es que no sé cómo obtener programáticamente qué elemento está activo ahora. Intenté usar `document.activeElement`, pero no estoy seguro de que funcione en todos los navegadores o si lo estoy aplicando correctamente. Aquí hay un ejemplo de mi marcado y código: ```html <input type="text" id="name" placeholder="Ingrese su nombre"> <textarea id="message" placeholder="Su mensaje"> Enviar ``` ```javascript // Quiero obtener el elemento que está actualmente en focus let focusedElement = document.activeElement; console.log(focusedElement); // ¿Muestra body o undefined? ``` Cuando hago clic en el campo de entrada y llamo a esta función, en la consola...