Cómo detectar el elemento con el foco en tiempo real

Saber qué elemento HTML tiene el foco (focus) en tu navegador puede ser un poco complicado, ya que si quieres usar JavaScript para detectarlo, tendrías que estar constantemente revisando si el foco cambió con un evento de escucha.

Afortunadamente, la consola de tu navegador tiene una funcionalidad llamada “live expressions” que te permite ejecutar expresiones en tiempo real.

Para detectar el elemento con el foco en tiempo real, sigue estos pasos:

Detectar el elemento con el foco en tiempo real

Con esta sencilla técnica, puedes ver de forma dinámica qué elemento tiene el foco en cualquier momento mientras interactúas con tu página web.

¿Qué otros casos de uso conoces para las “live expressions” de la consola de tu navegador? ¡Déjame un comentario abajo!

Un par de cosas que puedes hacer para ayudarme antes de irte:

A ti te cuesta cero y a mí me ayuda un montón. 😊

Jorge Baumann aka Baumannzone
Escrito por J. Baumann

Jorge Baumann es JavaScript senior software engineer, creador de contenido y speaker. Vive en Madrid, le encanta el testing, dibujar con CSS y tiene un perro que se llama Rambo.

Conoce más sobre J. Baumann