Как определить, когда входное значение изменяется в реальном времени в JavaScript?

Question

Я пытаюсь заставить свой элемент поля ввода удалить класс сразу после изменения значения ввода. В настоящее время я могу обнаружить изменения и удалить класс 'invalid', но только после того, как поле ввода неактивно. Вот мой код:

fieldsArr.forEach(el => {
            el.addEventListener('change', function() {
                this.classList.remove('invalid');
            });
        });

Answer 1

Вместо этого используйте событие input, так как имя предполагает, что оно будет срабатывать при каждом вводе, см. Этот пример о том, как использовать событие:

let inputElem = document.querySelector('input');

inputElem.addEventListener('input', () => {
  console.log(inputElem.value); // Log the new value after an input is made
});

<input />

Answer 2

Если вы хотите прослушивать события, ваш элемент должен быть расширен из EventEmitter.