Activa JavaScript para disfrutar de los vídeos de la Mediateca.
2.3.2. Eventos del teclado. JavaScript. - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
2.3.2 eventos de teclado en javascript vemos aquí el documento índice está aquí el código y vamos
00:00:00
a ver cómo funciona ponemos aquí y vamos a ir cambiando de foco de uno a otro como con un enter
00:00:09
de acuerdo vamos un enter y se va moviendo lo vemos vemos que estará por aquí vemos aquí lo
00:00:17
del enter de acuerdo bueno aquí tenemos el formulario que son estos tres y que lo que
00:00:25
te dice documento y quiero una selección de todos los input tipo test es decir que coge
00:00:31
todos estos estos que son de tipo texto los coge todos de acuerdo y ahora los pongo que
00:00:38
estén a la escucha cuando presiona una tecla entonces estamos aquí una vez que se puso una
00:00:44
tecla se llama la función cambiar que está aquí bien aquí lo que está a cambiar de acuerdo coge
00:00:54
el evento y mira a ver si la tecla que hemos pulsado porque podemos aquí pulsar varias teclas
00:01:03
de acuerdo es la del enter de acuerdo entonces cogemos ahora mismo y si es la del enter pues
00:01:08
Bueno, aquí ya lo leéis aquí, para que no se envíe el formulario, también cuento que esto es un formulario.
00:01:19
Bien, ahora lo que hace es construir un array con que selecciona todos los inputs tipo test.
00:01:24
Haces un array justamente con estos tres.
00:01:29
Este, este y este.
00:01:32
Vale, una vez que ya tienes los inputs, ¿de acuerdo?
00:01:35
Pues ahora dime, oye, ¿en cuál está?
00:01:38
¿Está en aquí, aquí, está o estoy aquí?
00:01:41
¿De acuerdo?
00:01:44
Y ahora me lo dices.
00:01:45
igual aquí tengo las entradas que son todos y aquí ya tengo un índice de donde estoy y una vez que
00:01:46
sé dónde estoy pues ya llegó y miro bueno estoy un poquito más para atrás fuera de este rango
00:01:53
o ya ha llegado al máximo bien si estoy aquí lo que te decir es que me pongas el foco no más
00:01:58
adelante cuando presioné enter si estoy aquí vamos a ver lo que pasa presiona enter no se
00:02:06
mueve y si estoy aquí, pues uno más
00:02:11
el focus, lo paso
00:02:13
yo estoy aquí en esta entrada, input
00:02:14
index, estoy aquí, le sumo uno
00:02:17
y el focus lo paso al próximo
00:02:19
- Materias:
- Sistemas Microinformáticos y Redes
- Etiquetas:
- Redes locales
- Niveles educativos:
- ▼ Mostrar / ocultar niveles
- Formación Profesional
- Ciclo formativo de grado básico
- Primer Curso
- Segundo Curso
- Ciclo formativo de grado medio
- Primer Curso
- Segundo Curso
- Ciclo formativo de grado superior
- Primer Curso
- Segundo Curso
- Ciclo formativo de grado básico
- Autor/es:
- Eduardo Rojo Sánchez
- Subido por:
- Eduardo R.
- Licencia:
- Dominio público
- Visualizaciones:
- 1
- Fecha:
- 26 de junio de 2026 - 17:06
- Visibilidad:
- Público
- Centro:
- IES CIFP a Distancia Ignacio Ellacuría
- Duración:
- 00′ 12″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 12.02 MBytes