Jak uzyskać tekst wejściowego pola tekstowego podczas OnKeypress

W niektórych scenariuszach programiści muszą pobrać tekst z pól tekstowych, naciskając klawisze. W tym celu JavaScript pozwala na naciśnięcie kluczy, w tym wydarzenia OnkeyUp, Onkeydown i Onkeypress. Mówiąc dokładniej, Onkeypress i Onkeydown wykonują to samo, podczas gdy OnkeyUp nieco różni się od tych dwóch.

Ten blog opisuje procedurę otrzymania tekstu pola wejściowego podczas OnKeypress.

Jak uzyskać tekst wejściowego pola tekstowego podczas OnKeypress?

Kiedy użytkownik uderza w klawisz klawiatury, zdarzenie OnKeypress. Więc użyj „Onkeypress„Wydarzenie, aby uzyskać dostęp do tekstu pola tekstowego podczas OnKeypress. Poniżej znajduje się sekwencja zdarzeń związanych z wydarzeniem Onkeypress:

• Onkeydown
• Onkeyup
• Onkeypress

Onkeydown i OnKeypress są takie same; Występują, gdy użytkownik uderzy w klawisz na klawiaturze. Podczas gdy onkeyUp różni się nieco od tych dwóch, występuje, gdy użytkownik zwalnia klucz na klawiaturze.

Składnia

Postępuj zgodnie z podaną składnią do wydarzenia OnKeypress:

onkeypress = "funkcjaName ()"

Przykład

W danym przykładzie najpierw utworzymy pole wejściowe, przypiszmy identyfikator „txtbox”I dołącz„Onkeypress„Wydarzenie, które zadzwoni do„getValue ()" metoda:

Stwórz

tag za pomocą identyfikatora „FetchedText„Gdzie pojawi się pobierany tekst z pola wejściowego:

W pliku lub znaczniku JavaScript zdefiniuj funkcję „getValue ()„To wywoła„Onkeypress" wydarzenie. Uzyskaj wartość pola tekstowego za pomocą przypisanego identyfikatora z pomocą ”getElementById ()" metoda. Następnie wyświetl tekst za pomocą „Innertext" nieruchomość:

funkcja getValue ()
var tbvalue = dokument.getElementById („txtbox”);
wartość var ​​= tbvalue.wartość;
dokument.getElementById („fetchedText”).innerText = wartość;

Dane wyjściowe wskazuje, że tekst pola wejściowego z powodzeniem wchodzi w wydarzenie OnKeypress:

Możesz także użyć zdarzenia onkeyup (), aby uzyskać tekst pola tekstowego wejściowego podczas OnKeypress. OnkeyUp występuje, gdy użytkownik zwalnia klucz na klawiaturze:

Wyjście

Chodzi o uzyskanie tekstu pola wejściowego podczas OnKeypress.

Wniosek

Aby pobrać tekst wejściowego pola tekstowego podczas OnKeypress, użyj „Onkeypress" wydarzenie. Gdy użytkownik uderza w klawisz klawiatury, zdarzenie OnKeypress jest uruchamiane. Użyj także „Onkeyup„Wydarzenie, aby uzyskać tekst pola tekstowego podczas OnKeypress. Onkeydown i onkeypress są takie same, a OnkeyUp jest nieco inny niż te dwa. Występuje, gdy użytkownik zwalnia klucz na klawiaturze. Ten blog opisał procedurę otrzymywania tekstu pola wejściowego podczas OnKeypress.