如何檢測輸入值何時在 JavaScript 中實時變化？

Question

我試圖讓我的輸入字段元素在輸入值更改后立即刪除 class。 目前，我能夠檢測到更改並刪除 class“無效”，但只有在輸入字段處於非活動狀態之后。 這是我的代碼；

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 擴展。