Manlikeakin's JavaScript Challenge, Day : DOM: Focus Events.

Jan 04 2023
Infine! È giorno . Introduzione agli eventi focus JavaScript.

Finalmente ! È giorno .

Introduzione agli eventi focus JavaScript.

Gli eventi focus si attivano quando un elemento riceve o perde il focus. Questi i due focus principali:

focus si attiva quando un elemento ha ricevuto il focus .

la sfocatura  si attiva quando un elemento ha perso il focus.

La  messa a fuoco  e  la messa  a fuoco si attivano contemporaneamente alla messa a  fuoco  e  alla sfocatura , tuttavia, emettono bolle mentre la  messa a fuoco  e  la sfocatura  no.

I seguenti elementi sono focalizzabili :

. La finestra viene messa a fuoco quando la porti avanti usando  Alt+Tab  o facendo clic su di essa e perde il fuoco quando la rimandi indietro .

. Collegamenti quando si utilizza un mouse o una tastiera .

. Campi del modulo come testo di input quando si utilizza una tastiera o un mouse.

Elementi con  tabindex , anche quando usi una tastiera o un mouse.

Esempi di eventi focus JavaScript

L'esempio seguente mostra come gestire gli  eventi focus  e  sfocatura  . Quando sposti lo stato attivo sul campo della password, lo sfondo diventa giallo. Se sposti il ​​mouse sul campo del nome utente, lo sfondo diventa bianco.

Sommario

Usa l'  evento focus  per gestire lo stato dell'elemento quando ha o perde il focus.

JavaScript è un significato abbastanza ampio e diversificato che non posso toccare ogni aspetto di esso. Anche tu puoi riprendere da dove mi sono fermato e teniamo vivo il divertimento.

Grazie mille per il viaggio fino ad ora, le motivazioni, i consigli ecc. Tutto mi ha aiutato a raggiungere la fine di questa sfida senza perdere un solo giorno. Grazie mille.

Ci vediamo in giro! E fino ad allora, continua a imparare e Happy Coding !

Cordialmente,

Fabiyi Akintunde Samuel.

# manlike_Akin