comprensión onkeypress vs. onkeyup vs. onkeydown

mientras busca las diferencias entre estos tres eventos, puede encontrar una idea errónea común de que OnKeyPress ocurre simultáneamente con OnKeyUp. Aclaremos esta confusión y arrojemos luz sobre las características únicas de cada evento.

una línea de tiempo de evento

en la secuencia de eventos de entrada clave, tenemos el siguiente desglose:

1. onKeydown: Atrigueado cuando el usuario presiona inicialmente a A un initialmente a A a A de inicialmente a A a A de inicialmente A A A in Inicialmente A A A in Inicialmente A A A In Inicialmente A A un Ay clave.
2. onkeyPress: deprimido y recomendado para usar onkeydown en su lugar. este evento ocurrió cuando el usuario presionó y liberó una clave, siendo efectivamente una combinación de OnKeydown y OnKeyUp.
Analogy con eventos de mouse

Exception del navegador: webkit
en el mundo de los navegadores web, WebKit se destaca al introducir un evento adicional: TextInput. La secuencia de eventos para WebKit se convierte así en:
keydown llave textInput keyUp
Practical Demosation

Para presenciar estos eventos en acción, ejecute el siguiente código de código:

window.addeventListener ("keyUp", log); Window.AdDeventListener ("KeyPress", log); Window.adDeventListener ("Keydown", log); FUNTION LOG (EVENT) { console.log (event.type); }

keydown
keypress
textInput     
keyup