Comment puis-je déterminer et gérer le focus en JavaScript ?

Suivi du focus en JavaScript

En JavaScript, la possibilité de déterminer quel élément DOM détient actuellement le focus est cruciale pour diverses applications, telles que navigation et accessibilité.

La recherche de l'élément ciblé peut être obtenue à l'aide de la propriété document.activeElement. Cette propriété est nativement prise en charge dans tous les principaux navigateurs.

Par exemple, l'extrait de code suivant utilise document.activeElement :

console.log(document.activeElement.id); // Outputs the ID of the focused element

La propriété document.activeElement renvoie le focus sur l'élément body. Pour supprimer explicitement le focus, vous pouvez utiliser la méthode du flou :

document.activeElement.blur();

Dans les anciens navigateurs, la détection du champ de formulaire ciblé nécessitait une approche différente. Vous pouvez utiliser le gestionnaire d'événements "focus" pour chaque champ, en enregistrant le dernier focus dans une variable. De plus, un gestionnaire de « flou » peut être utilisé pour effacer la variable lorsque le focus quitte le dernier champ ciblé.

Pour plus d'informations, reportez-vous aux ressources suivantes :

• [ Navigateur ActiveElement Compatibilité](https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement#Browser_compatibility)
• [Alternative jQuery pour document.activeElement](https://stackoverflow. com/questions/7755792/jquery-alternative-for-document-activeelement)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!