Comment puis-je rechercher et gérer l'élément DOM ciblé en JavaScript ?

Trouver l'élément DOM avec le focus

Lors du développement d'applications Web interactives, déterminer quel élément détient le focus est crucial pour diverses fonctionnalités, telles que navigation et validation du formulaire. En JavaScript, l'identification de l'élément ciblé est obtenue à l'aide de document.activeElement.

Pour récupérer l'élément ciblé, accédez simplement à document.activeElement, qui renvoie l'élément DOM qui a actuellement le focus d'entrée. Cette méthode est largement prise en charge par les principaux navigateurs.

Émulation de la détection du focus dans les anciens navigateurs

Dans les navigateurs plus anciens qui ne prennent pas en charge document.activeElement, vous pouvez approximer la détection du focus en implémentant des gestionnaires d'événements pour les événements de focus et de flou. Pour chaque champ de formulaire, ajoutez un gestionnaire d'événements focus pour mettre à jour une variable globale avec l'ID du champ ciblé. De plus, ajoutez un gestionnaire de flou qui efface la variable lorsque le champ ciblé perd le focus.

Suppression du focus

Si nécessaire, vous pouvez supprimer le focus d'un élément actif à l'aide du flou. . L'appel de document.activeElement.blur() supprime le focus de l'élément actif et le définit sur l'élément body.

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!