Entendendo o OnKeyPress vs. OnkeyUp vs. OnKeydown

Ao pesquisar as diferenças entre esses três eventos, você pode encontrar um equívoco comum de que o OnKeyPress ocorra simultaneamente com o OnKeyUp. Vamos esclarecer essa confusão e esclarecer as características únicas de cada evento. key. key. OnKeyDown)

onKeyUp: equivalente a Mouseup

1. No mundo dos navegadores da web, o WebKit se destaca pela introdução de um evento adicional: TextInput. A sequência do evento para o webkit se torna assim: keydown KeyPress textinput keyup
2. demonstração prática para testemunhar esses eventos em ação, execute o seguinte snippet de código: window.addeventListener ("keyup", log); window.addeventListener ("KeyPress", log); window.addeventListener ("keydown", log); Função log (evento) { console.log (event.type); }
3. Este script registra o tipo de evento no console à medida que você interage com o teclado. Você notará a sequência distinta dos eventos enquanto pressiona e libera as teclas.