Finalmente ! É dia .

Introdução aos eventos de foco do JavaScript.

Os eventos de foco são disparados quando um elemento recebe ou perde o foco. Estes são os dois principais eventos de foco:

focus é acionado quando um elemento recebe foco .

blur  é acionado quando um elemento perde o foco.

O  foco  e  a saída  disparam ao mesmo tempo que o  foco  e  o desfoque , no entanto, eles borbulham enquanto o  foco  e  o desfoque  não.

Os seguintes elementos são focalizáveis :

. A janela ganha foco quando você a traz para frente usando  Alt+Tab  ou clicando nela e perde o foco quando você a envia de volta .

. Links quando você usa um mouse ou um teclado .

. Campos de formulário como texto de entrada quando você usa um teclado ou mouse.

Elementos com  tabindex , também quando você usa um teclado ou mouse.

Exemplos de evento de foco JavaScript

O exemplo a seguir mostra como lidar com os   eventos de foco  e  desfoque . Quando você move o foco para o campo de senha, o fundo muda para amarelo. Se você mover o mouse para o campo de nome de usuário, o fundo mudará para branco.

Resumo

Use o  evento de foco  para manipular o estado do elemento quando ele tiver ou perder o foco.

O JavaScript é um significado bastante amplo e diverso, não posso tocar em todos os aspectos dele. Você também pode continuar de onde eu parei e vamos manter a diversão viva.

Muito obrigado pela jornada até agora, as motivações, recomendações, etc, tudo me ajudou a chegar ao fim deste desafio sem perder um único dia. Muito obrigado.

Até a próxima! E até lá, continue aprendendo e feliz codificação !

Sinceramente,

Fabiyi Akintunde Samuel.

# manlike_Akin