Comment déterminer quel élément DOM est focus sur une page web ?

Bonjour à tous ! Je crée un petit éditeur de texte en JavaScript pur, et j'ai besoin de savoir dans quel champ de saisie l'utilisateur tape actuellement. J'ai plusieurs `` et `<input>` sur la page, et je veux, par exemple, mettre en surbrillance le champ actif ou afficher une info-bulle uniquement pour l'élément qui a le focus. Le problème est que je ne sais pas comment déterminer par programmation quel élément est actif. J'ai essayé d'utiliser `document.activeElement`, mais je ne suis pas sûr que cela fonctionne dans tous les navigateurs et si je l'utilise correctement. Voici un exemple de mon balisage et de mon code : ```html <input type="text" id="name" placeholder="Entrez votre nom"> <textarea id="message" placeholder="Votre message"> Envoyer ``` ```javascript // Je veux obtenir l'élément qui a actuellement le focus let focusedElement = document.activeElement; console.log(focusedElement); // Affiche body ou undefined ? ``` Quand je clique sur un champ de saisie et que j'appelle cette fonction, dans la console...