Enfin ! C'est jour .

Introduction aux événements de focus JavaScript.

Les événements de focus se déclenchent lorsqu'un élément reçoit ou perd le focus. Voici les deux événements principaux :

focus se déclenche lorsqu'un élément a reçu le focus .

le flou  se déclenche lorsqu'un élément a perdu le focus.

La  mise au point  et  la mise au point se  déclenchent en même temps que la  mise au point  et  le flou , cependant, elles bouillonnent alors que la  mise au point  et  le flou  ne le font pas.

Les éléments suivants sont focalisables :

. La fenêtre gagne le focus lorsque vous l'avancez en utilisant  Alt+Tab  ou en cliquant dessus et perd le focus lorsque vous la renvoyez .

. Liens lorsque vous utilisez une souris ou un clavier .

. Les champs de formulaire ressemblent à du texte de saisie lorsque vous utilisez un clavier ou une souris.

Éléments avec  tabindex , également lorsque vous utilisez un clavier ou une souris.

Exemples d'événements de focus JavaScript

L'exemple suivant montre comment gérer les  événements de mise au point  et de  flou  . Lorsque vous déplacez le focus sur le champ du mot de passe, l'arrière-plan devient jaune. Si vous déplacez la souris sur le champ du nom d'utilisateur, l'arrière-plan devient blanc.

Résumé

Utilisez l'  événement focus  pour gérer l' état de l'élément lorsqu'il a ou perd le focus.

JavaScript est assez large et diversifié, ce qui signifie que je ne peux pas en toucher tous les aspects. Vous aussi, vous pouvez reprendre là où je me suis arrêté et gardons le plaisir en vie.

Merci beaucoup pour le voyage jusqu'ici, les motivations, les recommandations, etc. m'ont tous aidé à atteindre la fin de ce défi sans manquer un seul jour. Merci beaucoup.

À un de ces quatre! Et d'ici là, continuez à apprendre et Happy Coding !

Votre sincèrement,

Fabiyi Akintunde Samuel.

# manlike_Akin