Supprimer la mise au point d'un élément à l'aide de JavaScript

Lors de la mise à jour d'une page Web ou d'un site, il peut y avoir une exigence de mise à jour pour supprimer la mise au point de l'élément (s) dans le modèle d'objet document (DOM). Par exemple, hiérarchiser les éléments mis à jour sur les éléments obsolètes sur une page Web. Dans de tels scénarios, la suppression de l'attention d'un élément utilisant JavaScript est d'une grande aide pour apporter des modifications à un site.

Ce blog expliquera la procédure pour supprimer la mise au point d'un élément à l'aide de JavaScript.

Comment supprimer la mise au point d'un élément de JavaScript?

Pour supprimer l'objectif d'un élément de JavaScript, appliquez les approches suivantes en combinaison avec le «se brouiller()" méthode:

• "getElementByid ()" méthode.
• "activeylement»Propriété et«chaînage facultatif (?.)»Opérateur.

Approche 1: Supprimez la mise au point d'un élément de JavaScript à l'aide de la méthode GetElementById ()

Le "se brouiller()«La méthode supprime la mise au point de l'élément associé et le« «getElementByid ()«La méthode renvoie un élément ayant le«identifiant". Ces méthodes peuvent être appliquées en combinaison pour récupérer l'élément focalisé et en supprimer la focalisation à l'aide de la fonction définie par l'utilisateur.

Syntaxe

document.GetElementByid (élément)

Dans la syntaxe donnée:

"élément"Correspond à l'élément qui doit être récupéré contre le particulier"identifiant".

Exemple

Présentation de l'exemple suivant:

Ceci est une page Web



Cliquez sur moi

Dans les lignes de code ci-dessus:

• Inclure un «»Élément ayant les attributs indiqués.
• Le "taper«L'attribut signifie que l'élément est un«radio" bouton. Le "autofocus«Est un attribut booléen qui ajoute une mise au point à l'élément associé.
• Dans l'étape suivante, créez un bouton ayant un "sur clic”Événement qui redirigera vers la fonction supprimefocus ().
• Dans le code JS, définissez une fonction nommée «retirerfocus ()". Dans la définition de la fonction, accédez à l'élément contenu par son «identifiant" en utilisant le "getElementByid ()" méthode.
• Enfin, appliquez le «se brouiller()”Méthode à l'élément récupéré. Cela enlèvera en conséquence la mise au point de l'élément sur le bouton cliquer.

Sortir

Dans la sortie, on peut voir que le focus du bouton radio est omis sur le bouton cliquer.

Approche 2: supprimez la mise au point d'un élément de JavaScript à l'aide de la propriété ActiveElement et du chaînage en option (?.) Opérateur

Le "activeylement«La propriété donne l'élément HTML qui a la focalisation et le« «chaînage facultatif (?.)»L'opérateur vérifie une condition particulière. Ces approches peuvent être utilisées en combinaison pour appliquer un contrôle sur les éléments focalisés et les brouiller en conséquence.

Exemple

Passons par l'exemple ci-dessous:

Python



Javascrip



Cliquez sur le bouton pour supprimer la mise au point

Dans l'extrait de code ci-dessus:

• Inclure deux ""Éléments ayant l'attribut alloué"taper" comme un "cocher".
• L'attribut booléen «autofocus"Est alloué à cette dernière case à cocher, comme indiqué.
• Ensuite, créez un bouton ayant un "sur clic”Événement accédant à la fonction nommée retirefocus ().
• Dans la partie du code JS, définissez une fonction nommée «retirerfocus ()".
• Dans sa définition, appliquez le combiné "activeylement«Propriété et le«chaînage facultatif (?.)»Opérateur pour vérifier tous les éléments focalisés dans le code.
• L'associé "se brouiller()»La méthode brouchera les éléments focalisés situés sur le bouton CLIC.

Sortir

Dans la sortie, la focalisation de la case à cocher indiquée est supprimée sur le clic du bouton.

Conclusion

Le "se brouiller()«Méthode combinée avec le«getElementByid ()«Méthode ou le«activeylement»Propriété et«chaînage facultatif (?.)»L'opérateur peut être utilisé pour supprimer / omettre la mise au point d'un élément de JavaScript. L'ancienne approche peut être appliquée pour obtenir l'élément ciblé et en supprimer la focalisation sur le bouton cliquer. Cette dernière approche peut être utilisée pour vérifier l'élément focalisé (s) et le brouiller. Cet article explique comment supprimer / omettre la mise au point d'un élément de JavaScript.