En este post te mostraré a enfocar o darle focus a un elemento de un formulario de HTML usando JavaScript, ya sea un input o un textarea.
Enfocar un elemento en JavaScript es hacer que, cuando el usuario comience a escribir usando el teclado, el texto aparezca en el campo de texto, en pocas palabras que se enfoque el input o textarea.
Para esto vamos a usar querySelector, pues necesitamos una referencia al DOM.
En resumen, para darle focus a un elemento con JavaScript, invocamos al método llamado focus
en el input
o elemento.
Por ejemplo:
$elemento.focus();
Veremos un ejemplo a continuación.
Definimos nuestro input y le ponemos un id para obtenerlo más tarde. El HTML queda así:
Tenemos dos elementos principales, aunque solo nos importa el input.
Existe el input con el id nombre,
y el botón con en id btnEnfocar
. En el click del botón vamos a enfocar el input usando JavaScript.
El código de JavaScript queda así:
Simplemente usamos querySelector para obtener una referencia al input
, y en el click del botón llamamos a focus
del elemento $nombre
.
Puedes probar el código aquí.
Así como se puede enfocar un input también se pueden enfocar otros elementos, solo se debe obtener una referencia a cada elemento.
Recuerda que si quieres que el focus sea automático debes usar el atributo autofocus.
Te invito a leer más sobre JavaScript aquí.
En mi blog te he enseñado a usar youtube-dl para descargar vídeos con permiso del…
Siguiendo con los tutoriales que consumen la API de los Bots de Telegram con cURL…
En un post previo te enseñé a enviar un mensaje en nombre de un Bot…
En este artículo te voy a mostrar una guía para imprimir en una impresora térmica…
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
Esta web usa cookies.