1 00:00:00,880 --> 00:00:09,759 2.3.2 eventos de teclado en javascript vemos aquí el documento índice está aquí el código y vamos 2 00:00:09,759 --> 00:00:17,859 a ver cómo funciona ponemos aquí y vamos a ir cambiando de foco de uno a otro como con un enter 3 00:00:17,859 --> 00:00:25,750 de acuerdo vamos un enter y se va moviendo lo vemos vemos que estará por aquí vemos aquí lo 4 00:00:25,750 --> 00:00:31,809 del enter de acuerdo bueno aquí tenemos el formulario que son estos tres y que lo que 5 00:00:31,809 --> 00:00:38,469 te dice documento y quiero una selección de todos los input tipo test es decir que coge 6 00:00:38,469 --> 00:00:44,369 todos estos estos que son de tipo texto los coge todos de acuerdo y ahora los pongo que 7 00:00:44,369 --> 00:00:54,609 estén a la escucha cuando presiona una tecla entonces estamos aquí una vez que se puso una 8 00:00:54,609 --> 00:01:03,049 tecla se llama la función cambiar que está aquí bien aquí lo que está a cambiar de acuerdo coge 9 00:01:03,049 --> 00:01:08,409 el evento y mira a ver si la tecla que hemos pulsado porque podemos aquí pulsar varias teclas 10 00:01:08,409 --> 00:01:19,370 de acuerdo es la del enter de acuerdo entonces cogemos ahora mismo y si es la del enter pues 11 00:01:19,370 --> 00:01:23,629 Bueno, aquí ya lo leéis aquí, para que no se envíe el formulario, también cuento que esto es un formulario. 12 00:01:24,510 --> 00:01:29,329 Bien, ahora lo que hace es construir un array con que selecciona todos los inputs tipo test. 13 00:01:29,829 --> 00:01:32,489 Haces un array justamente con estos tres. 14 00:01:32,849 --> 00:01:34,469 Este, este y este. 15 00:01:35,329 --> 00:01:38,189 Vale, una vez que ya tienes los inputs, ¿de acuerdo? 16 00:01:38,730 --> 00:01:41,090 Pues ahora dime, oye, ¿en cuál está? 17 00:01:41,750 --> 00:01:44,709 ¿Está en aquí, aquí, está o estoy aquí? 18 00:01:44,709 --> 00:01:45,430 ¿De acuerdo? 19 00:01:45,810 --> 00:01:46,870 Y ahora me lo dices. 20 00:01:46,870 --> 00:01:53,349 igual aquí tengo las entradas que son todos y aquí ya tengo un índice de donde estoy y una vez que 21 00:01:53,349 --> 00:01:58,989 sé dónde estoy pues ya llegó y miro bueno estoy un poquito más para atrás fuera de este rango 22 00:01:58,989 --> 00:02:06,209 o ya ha llegado al máximo bien si estoy aquí lo que te decir es que me pongas el foco no más 23 00:02:06,209 --> 00:02:11,370 adelante cuando presioné enter si estoy aquí vamos a ver lo que pasa presiona enter no se 24 00:02:11,370 --> 00:02:13,349 mueve y si estoy aquí, pues uno más 25 00:02:13,349 --> 00:02:14,930 el focus, lo paso 26 00:02:14,930 --> 00:02:17,030 yo estoy aquí en esta entrada, input 27 00:02:17,030 --> 00:02:19,530 index, estoy aquí, le sumo uno 28 00:02:19,530 --> 00:02:21,669 y el focus lo paso al próximo