Este video lo retomaré donde lo dejamos y seguiremos hablando sobre esos tres eventos de Jay queery.
Así que el próximo que quiero presentar se llama Mantener presionado para que la tecla presionar sea una
de las formas en Jay Cory en que podemos agregar un oyente de pulsación de tecla a los elementos, así que te mostraré en los
muelles aquí si bajamos al sección de eventos y nos fijamos en la tecla presionar y presionar la tecla y la tecla arriba
estos son tres eventos diferentes que se activan cuando un usuario escribe algo en el teclado y las diferencias son un poco matizadas.
Así que la pulsación de teclas se activa cada vez que presionamos una tecla y se dispara justo después de presionarla y luego
se dispara la tecla cuando sueltamos la tecla y luego presionar la tecla es un poco diferente.
tecla presionar una tecla y luego soltarla para que represente toda la tecla presionada arriba y abajo.
Algunas personas le dirán que se presiona la
Y eso no es verdad
En realidad, se dispara entre medio y sigue el ritmo.
Usualmente no siempre
Entonces tenemos una gran publicación de desbordamiento de pila.
Así que te recomiendo que leas.
Quiero señalar esta pequeña pieza aquí, así que la tecla y la tecla darán un código que indica qué tecla
se presionará mientras se presiona la tecla indicando qué carácter se ingresó.
Así que un buen ejemplo de esto es que si tengo una entrada de texto y alguien escribe shift y luego a
y están tratando de hacer una mayúscula, una tecla hacia abajo y la tecla disparará en la tecla Mayús y en la minúscula una tecla VS
la prensa activará una mayúscula, por lo que en realidad me da el carácter no solo de que la tecla es la que se
presionó y en qué orden, sino el carácter del resultado final real cuando usamos una tecla modificadora
como shift al final del día los tres diferentes los eventos son muy similares
Y la mayoría de las veces puedes salirte con la tuya con cualquiera de ellas y voy a presionar
Shoki simplemente porque es la más común, así que presionar la tecla funciona igual que hacer clic donde seleccionamos algo con el signo de dólar.
Así que aquí hay un ejemplo que selecciona algo con signo de dólar.
Y luego cambiamos al presionar la tecla y pasamos una función de devolución de llamada y esa función de devolución
de llamada se llamará cada vez que se active un evento de pulsación de tecla en el elemento o colección de elementos seleccionados.
Así que voy a demostrar que ahora volveré a mi HMO y agreguemos un tipo de entrada igual
a texto así.
Y lo dejaremos así y actualizaremos nuestra página.
OK, entonces ahora tenemos una entrada aquí.
Y obtengamos un código que simplemente cancelará ese registro cada vez que se presione una tecla aquí.
Así que abra la consola y primero tenemos que seleccionar la entrada para que podamos hacer entradas como esa.
Y eso no es muy específico en este caso.
Solo hay una entrada, así que está bien.
Pero si tuviéramos casillas de verificación y si tuviéramos entradas de color y botones de
opción, querríamos especificar solo el tipo de texto.
Pero por ahora la entrada está bien.
Asegúrate de que hacemos las cosas bien para seleccionarlo, luego agregamos esa tecla presionar así.
Y luego, dentro de aquí, agregamos una función de devolución de llamada que se llamará cada vez que se presione una tecla.
Entonces, en este caso, simplemente hagamos que cancele el registro que ha presionado una tecla y presione enter.
Y ahora si voy aquí y escribo una clave.
Así que estoy golpeando la letra P en este momento.
Puedes ver que te hago presionar la tecla y si escribo otra tecla Todo lo que hace es mostrarme un número aquí.
Así es como lo hace Chrome.
Pero obtengo un registro de conceptos diferente a medida que escribo para cada personaje.
Así que así es como pudimos cancelar ese registro para ponerle un carácter a algo que a menudo deseamos hacer
es ejecutar algún código dependiendo de qué carácter fue presionado.
y hará una nueva tarea y luego borrará la entrada para que no tiene que hacer clic en un botón como enviar.
Vamos a hacer una aplicación de la lista de tareas pendientes con Jay Querrey donde puedes escribir algo nuevo para hacer como Walk the
dog y presionar Enter, que luego tomará ese texto aquí
Simplemente presiona la tecla Intro.
Entonces, lo que queremos hacer es escuchar presionar una tecla, pero solo hacer algo si el usuario ingresa enter.
Para hacer eso, necesitamos cambiar nuestro código un poco aquí.
Así que solo copiaré esto y refrescaré la página y la pegaré nuevamente.
Así que todavía estamos escuchando la pulsación de tecla, pero vamos a trabajar con el objeto del evento.
lo llamaré evento y este objeto contendrá toda la información sobre el evento de pulsación de tecla.
Voy a agregar un argumento aquí
Así que voy a cancelar ese evento de registro para que pueda ver eso y presiono enter.
Y ahora si escribo puedo ver que estoy ingresando constantemente al evento cada vez y este evento me dice que ese
tipo es presionar la tecla.
Me da una marca de tiempo que me da algunas otras cosas.
Una de las partes importantes es este código de char 106.
También hay código de clave 1 o 6 y hay.
Que están aquí y todos apuntan a uno o seis.
Hay algunas pequeñas diferencias en las que no entraré.
Vamos a seguir con qué es lo que J Querrey usa oficialmente también.
Entonces, ¿a qué se refiere esto? Es el código de la tecla que se presionó.
Entonces, cada clave tiene su propio código y puede mostrarle aquí los códigos de caracteres javascript.
Hay una página aquí que te mostrará interactivamente.
Entonces, si escribo, quiero saber qué letra ve en el código correspondiente.
En 67 si quiero verificar qué es ingresar, necesito presionar la tecla Intro, lo cual haré ahora.
Y me dice el código clave al final.
Así que ese es uno de los únicos que sé de memoria porque hacemos mucho de esto cuando
queremos que suceda algo cuando presionas la tecla Intro.
DE ACUERDO.
Así que recordemos ese código clave 13.
Regrese a nuestro código aquí y todo lo que queremos hacer es escribir una declaración IF en lugar de nuestro
oyente que dice si el usuario presiona enter.
Entonces, si un evento que es igual a 13 significa que el usuario presiona ingresar y lo alertaremos presionando enter simplemente así
y deshacerse de esto por ahora debido a ese registro.
Entonces, un usuario escribe cualquier tipo de pulsación de tecla en lugar de esta entrada.
Luego tenemos este objeto de evento que ahora agregamos a nuestra devolución de llamada que ya estaba siendo
pasado.
Incluso si dejamos esto fuera, no lo capturamos en una variable.
Entonces ahora lo estamos capturando en una variable llamada evento.
También verá esto llamado E a veces pero que se puede llamar cualquier cosa.
Recuerda que es totalmente tu decisión.
Y luego estamos comprobando si la propiedad que es 13, que es el código de carácter de tecla Intro.
Presione enter.
Y ahora veamos esto y teclearemos algunas teclas que no entran y no recibimos esas alertas.
Obtenemos los registros del consul porque creamos el oyente original aquí.
Pero ahora estoy borrando todo eso y escribiré algunas cosas y luego presionaré Enter.
Y ahora te hago presionar enter.
Así que cada vez que escribo entrar, lo haré ahora mismo.
Me dice que presionas enter.
Todo bien.
Así que eso es todo lo que quiero mostrar sobre la pulsación de tecla será usar esto para hacer o hacer la lista en
unos pocos videos a partir de ahora.
Y también vamos a verificar si el evento es 13