Ejemplo de Evento input

El evento input se activa cada vez que cambia el valor de un campo de entrada. En este ejemplo, estamos capturando el texto ingresado en tiempo real.

document.getElementById('campoTexto').addEventListener('input', (evento) => {

    console.log('Texto ingresado:', evento.target.value);

});

Aclaración:

• input: Se activa cada vez que el valor de un elemento de entrada cambia, sin importar cómo ocurra ese cambio (escribiendo, pegando texto, eliminando, o mediante autocompletar). Se activa de inmediato, en tiempo real, a medida que el valor cambia.
• keyup: Se activa cuando el usuario libera una tecla después de presionarla. Solo se activa con interacciones del teclado. Se activa justo después de que se libera una tecla.
• change: Se activa cuando el valor de un campo cambia y el usuario pierde el foco del campo. Se activa solo después de que el usuario ha terminado de interactuar con el campo y lo ha dejado.