El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Eventos del teclado

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Cada que pulsas una tecla se están detonando una serie de eventos. Conoce en este video los tipos de eventos que existen para trabajar con el teclado. Aprende a identificar los códigos de las principales clases y hacer que tu código reaccione según la tecla pulsada.
03:20

Transcripción

Así como podemos escuchar eventos del mouse, también podemos escuchar eventos del teclado. Y para esto tenemos tres tipos de eventos: los eventos que podemos escuchar del teclado son'keydown' 'keypress'y'keyup' y podemos escucharlos directamente cuando se están aplicando a determinada etiqueta o elemento de HTML de nuestra página o aplicación o cuando lo estamos aplicando a cualquier parte de nuestra página. Cuando queremos aplicarlo a cualquier parte de nuestra página, solamente debemos dirigir nuestro'addEventListener'al objeto'window' y con esto podemos escuchar. Este es el caso para este tipo de eventos. Por ejemplo, vamos a escuchar el primer evento que es'keydown'. Con el evento'keydown'vamos a estar escuchando cada que nosotros pulsando una tecla. En este caso, voy a pulsar la tecla Enter y vemos como, al pulsarla, ya tengo este evento que se está detonando. Posterior a esto, vamos a trabajar con el evento'keypress'. Esto es el momento en que la tecla se mantiene oprimida. Actualizamos nuestro navegador y pulsamos la tecla. Al pulsarlo vemos que tenemos acceso ya a estas dos acciones que nosotros estamos detonando en cada uno de estos "listeners", pero también tenemos acceso a un tercer evento, que es'keyup', es decir, cuando yo libero la tecla. La tecla, si te das cuenta, pasa por tres etapas. Cuando yo la estoy presionando, cuando está presionada y cuando la dejo de presionar. Entonces, podemos escuchar estos tres eventos, actualizamos nuestro navegador pulsamos la tecla y vemos como tenemos los tres estados que van sucediendo en secuencia según vamos pasando por este proceso en las teclas. Nosotros también podemos escuchar cuál es la tecla que estamos presionando, para esto debemos hacer uso del evento que estamos recibiendo. En este primer caso, vamos a hacer lo siguiente: vamos a escribir en Consola 'console. log', el siguiente valor, que es'event', 'KeyCode'. Este'event. KeyCode'me va a mostrar cuál es la tecla que estoy presionando. Pero cuando lo hacemos, si te das cuenta, lo único que hace es mostrar el código pero no nos indica cuál es la letra. Si nosotros quisiéramos acceder a dicha letra tenemos que utilizar un método en específico. El método que vamos a ocupar pertenece al objeto'string' y ese método se llama'fromCharCode', que quiere decir que nosotros le enviamos el código y este nos va a responder la letra que es. Actualizamos nuestro navegador, vamos a pulsar alguna tecla, y en este caso, por ejemplo, si yo pulso la tecla Enter no tenemos una manera detectarlo, es decir, no existe en el mapeo que tenemos acá. Pero si yo utilizo una letra normal, por ejemplo, la letra hache, vemos como ésta sí la puede detectar. Y si yo escribo alguna otra letra, vemos como esas letras sí se van mencionando. De esta manera, yo puedo detectar cuál es la letra que estoy utilizando y así poder reaccionar en caso de que yo necesite pulsar alguna tecla y que con esa tecla suceda alguna acción. Esto lo puedes utilizar regularmente cuando tú quieres pulsar la tecla Enter y quieres que algo se guarde o quieres que algo se envíe, así nosotros podemos reaccionar con el teclado y poder guardar algún elemento o realizar cualquier conjunto de acciones.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.