Evento onInput

A codificação de formulários HTML tem sido dolorosa durante toda a minha carreira. Os controles de formulário têm aparência diferente entre sistemas operacionais e navegadores, codificar a validação do lado do cliente e do lado do servidor é um pesadelo e, inevitavelmente, o senhor se esquece de algo em algum momento. Alguns comportamentos não agem da maneira esperada, como onChange, que só é acionado quando o usuário sai (blurs) um determinado controle de formulário. Digite o onInputque muda quando o senhor pressiona uma tecla, cola, etc.

// Try it here:  https://codepen.io/darkwing/pen/KKmBNvg
myInput.addEventListener('input', e => {
  console.log(e.target.value);
});

Atualmente, parece que o antigo onChange não é útil: sempre queremos reagir a qualquer entrada do usuário. onInput também dispara em elementos com contenteditable e designmode atributos. A maioria das bibliotecas JavaScript modernas, como o React, trata onChange como onInput, então é como se o onChange tenha perdido sua utilidade!