¡ Finalmente ! Es el día .

Introducción a los eventos de enfoque de JavaScript.

Los eventos de enfoque se activan cuando un elemento recibe o pierde el foco. Estos son los dos principales eventos de enfoque:

focus se dispara cuando un elemento ha recibido el foco .

el desenfoque  se dispara cuando un elemento ha perdido el foco.

Focusin   y  Focusout se  disparan al mismo tiempo que  Focus  y  Blur , sin embargo, burbujean mientras  que Focus  y  Blur  no lo hacen .

Los siguientes elementos son enfocables :

. La ventana gana el foco cuando la trae adelante usando  Alt+Tab  o haciendo clic en ella y pierde el foco cuando la devuelve .

. Enlaces cuando utiliza un ratón o un teclado .

. Campos de formulario como texto de entrada cuando usa un teclado o un mouse.

Elementos con  tabindex , también cuando usas un teclado o un mouse.

Ejemplos de eventos de enfoque de JavaScript

El siguiente ejemplo muestra cómo manejar los  eventos de enfoque  y  desenfoque  . Cuando mueve el foco al campo de contraseña, el fondo cambia a amarillo. Si mueve el mouse al campo de nombre de usuario, el fondo cambia a blanco.

Resumen

Use el  evento de foco  para manejar el estado del elemento cuando tiene o pierde el foco.

JavaScript es bastante amplio y diverso, lo que significa que no puedo tocar todos sus aspectos. Usted también puede retomar desde donde me detuve y mantengamos viva la diversión.

Muchas gracias por el viaje hasta el momento, las motivaciones, recomendaciones, etc., todo me ayudó a llegar al final de este desafío sin perder un solo día. Muchas gracias.

¡Nos vemos! Y hasta entonces, ¡sigue aprendiendo y Happy Coding !

Atentamente,

Fabiyi Akintunde Samuel.

# manlike_Akin