Как не пропускать событие во время выполнения с задержкой?

Question

[Vadim Rublev]

Сверяю значения в двух полях при вводе (типа пароли).
И сверку делаю при равной длине значений, с задержкой. Т. е. разная длина = сообщение о некорректности.
Но, при быстром наборе - лишний (сверх равнодлинного значения) символ вводится во время выполнения сверки - сверка заканчивается уже после набора лишнего символа. В итоге [должного] сообщения о некорректности нет, а есть сообщение о результате проверки (которого быть не должно).
Получается, что не ловит событие нажатия клавиши во время выполнения_с_задержкой предыдущего события.
Как гарантированно ловить здесь ВСЕ события?

function ValueNew() {   // Функция вызвана нажатием клавиши.
    if (valNew.length === valNewRec.length) {   // При значениях равной длины...
	setTimeout(function() {
		// Здесь сверка значений. И сообщение "равно" / "не равно".
        }, 1100);
    } else {   // При значениях разной длины...
        // Сообщение о некорректности.
    }
}

Answer 1

[hzzzzl]

зачем таймаут для этого?

https://jsfiddle.net/9um3jxq0/

Comments

[Vadim Rublev]

Задержка для красоты. Технической роли она не играет.

[Programiker]

Спосибо тебе огромное

Answer 2

[vıtalıyırtlach]

Зачем делать какую нибудь задержку и ты можешь отключать ввод данных при проверке
это перед setTimeout
function someFunc() return false;
твое поле ввода.removeEventListener(твой код который добавляет);
твое поле ввода.addEventListener("keypress", someFunc);
в проверке в конце добавляешь обработчик и удаляешь
твое поле ввода.addEventListener(твой код который добавляет);
твое поле ввода.removeEventListener("keypress", someFunc);

Comments

[vıtalıyırtlach]

поле ввода.addEventListener("keypress", ValueNew);
function ValueNew() {  
    if (valNew.length === valNewRec.length) {  
  setTimeout(function() {
   поле ввода.removeEventListener("keypress", ValueNew);
поле ввода.addEventListener("keypress", stopValue);
// проверка
поле ввода.removeEventListener("keypress", stopValue);
поле ввода.addEventListener("keypress", ValueNew);
        }, 1100);
    } else {   
        // Сообщение о некорректности.
    }
}
function stopValue() return false; // Запретить ввод

Например это код не даст вводить данные в инпут
let elem = document.getElementById("text");
elem.onkeypress = () => false;

[Vadim Rublev]

Не блокируется ввод. (
По-всякому перепробовал уже...

[Vadim Rublev]

И у вас в описании написано "это перед setTimeout", а в примере функционал блокировки расположен внутри setTimeout...

[Vadim Rublev]

Уже пытаюсь прописывать тегу атрибут readonly - бесполезно! ((