Manlikeakins JavaScript-Challenge, Tag : DOM: Focus Events.

Jan 04 2023
Endlich! Es ist Tag . Einführung in JavaScript-Fokusereignisse.

Endlich ! Es ist Tag .

Einführung in JavaScript-Fokusereignisse.

Die Fokusereignisse werden ausgelöst, wenn ein Element den Fokus erhält oder verliert . Dies sind die beiden Schwerpunktveranstaltungen:

focus wird ausgelöst , wenn ein Element den Fokus erhalten hat .

blur  wird ausgelöst, wenn ein Element den Fokus verloren hat.

Focusin  und  Focusout   werden gleichzeitig mit  Focus  und  Blur ausgelöst , sie sprudeln jedoch, während  Focus  und  Blur  dies nicht tun.

Folgende Elemente sind fokussierbar :

. Das Fenster erhält den Fokus, wenn Sie es mit  Alt+Tab nach vorne bringen  oder darauf klicken, und verliert den Fokus , wenn Sie es zurücksenden .

. Verknüpfungen, wenn Sie eine Maus oder eine Tastatur verwenden .

. Formularfelder wie Eingabetext , wenn Sie eine Tastatur oder eine Maus verwenden.

Elemente mit  tabindex , auch wenn Sie eine Tastatur oder eine Maus verwenden.

Beispiele für JavaScript-Fokusereignisse

Das folgende Beispiel zeigt, wie die  Focus-  und  Blur-  Events gehandhabt werden. Wenn Sie den Fokus auf das Kennwortfeld verschieben, ändert sich der Hintergrund in Gelb. Wenn Sie die Maus auf das Feld Benutzername bewegen, wird der Hintergrund weiß.

Zusammenfassung

Verwenden Sie das  Focus -  Ereignis, um den Zustand des Elements zu behandeln, wenn es den Fokus hat oder verliert.

JavaScript ist ziemlich breit und vielfältig, was bedeutet, dass ich unmöglich jeden Aspekt davon ansprechen kann. Auch Sie können dort weitermachen, wo ich aufgehört habe, und lassen Sie uns den Spaß am Leben erhalten.

Vielen Dank für die bisherige Reise, die Motivationen, Empfehlungen usw. haben mir geholfen, das Ende dieser Herausforderung zu erreichen, ohne einen einzigen Tag zu verpassen. Ich danke dir sehr.

Bis demnächst! Und bis dahin, lerne weiter und viel Spaß beim Programmieren !

Mit freundlichen Grüßen,

Fabiyi Akintunde Samuel.

# manlike_Akin