Spóźnione wywoływanie eventu

Question

Witam,

problem polega na tym, że przy pobieraniu wartości z inputu, aktywowanego za pomocą eventu "keypress/keydown/keyup", wartości w zmiennej nie aktualizuje na bieżąco tylko z jedno znakowym opóźnieniem tzn. w inpucie mamy string "abc", lecz w evencie jest dopiero "ab" i przy kolejnym wywołaniu pojawi się "abc" kiedy już w inpucie będzie "abcd". Co robię źle proszę o pomoc.

const tab = document.querySelector(".search"); //to jest ten input
tab.addEventListener("keypress",e => {
   let tuPobieraOpoznione= e.target.value;
   console.log(tuPobieraOpoznione);
}

 

Answer 1

Ogólnie po szybkim researchu, mam dwa wnioski - albo użyjesz keyup/keydown zamiast keypress albo dodajesz window.setTimeout() ustawiony nawet na opóźnienie = 0ms.

Comments

Dzięki działa.

Answer 2

Użyj input – to jest zdarzenie specjalnie zaprojektowane do pobierania wartości z pola. Obsługuje nawet bardziej egzotyczne przypadki, jak wklejenie czegoś przy pomocy menu kontekstowego.