[JavaScript, HTML] document.getElementById().value pobiera wartość bez ostatniej litery

Question

Witam, mam problem z pobraniem tekstu z input'u (type=text) przez funkcję szukaj().

Funkcja wywołuje się przy wbiciu jakiegoś znaku ( <input id="id_home" type="text" onkeypress="szukaj();"/> )

Sama funkcja wygląda bardzo prosto:

function szukaj()
{
	var content = document.getElementById("id_home").value;
/* dalszy kod */
		
}

lecz zmienna content nie pobiera ostatniej litery np. jak wbijam kot -> ko, rower -> rowe itd.

Jak rozwiązać ten problem?

Answer 1

a tak: <input type="text" onkeyup="myFunction()"> ?

Edit:

var result = document.getElementById('result')

document.getElementById('foo').oninput= function() {
  result.innerHTML = this.value
}

https://jsfiddle.net/eumkt92s/1/

M.

Comments

keyup reaguje też na naciśnięcia klawiszy, które nie produkują treści. Lepiej jest zastosować zdarzenie input.

---

Dobrze wiedzieć - dzięki!

M.

---

No i zdarzenia podpinamy używając addEventListener

Answer 2

Nie podpinaj się pod zdarzenie keypress tylko input.

Answer 3

Event onchange, oraz funkcja addEventListener.

Comments

change reaguje dopiero po opuszczeniu danego pola.

---

change reaguje dopiero po opuszczeniu danego pola.

Nie do końca. "Change" wyzwala się po opuszczeniu pola jeśli dokonano w nim zmian. Jest to ważne np. gdy dokonujesz walidacji danych wprowadzanych w input. Załóżmy, że masz input w którym chcesz podać email i walidujesz go na zdarzeniu change. Jeśli wpiszesz błędny adres (np. bez "@") i opuścisz pole to metoda walidująca się wywoła i zwróci false (+ np. ładny komunikat dla usera żeby poprawił adres). Ale załóżmy, że będę chciał być sprytniejszy niż system i ponownie wejdę w pole input ale nie dokonam żadnych zmian i wyjdę z niego (np. kliknę w input, a za chwilę w inny element strony). W tym momencie zdarzenie change nie zostaje wywołane, a tym samym metoda walidująca.

Oczywiście to scenariusz mocno pesymistyczny, ale warto o tym pamiętać, dlatego raczej unikam zdarzenia "change" w większości "typowych" przypadków.