Najnowsze tutoriale tworzenie stron internetowych
 

oninput Event

<Object Event

Przykład

Wykonać JavaScript, gdy użytkownik zapisuje coś w <input> polu:

<input type="text" oninput="myFunction()">
Spróbuj sam "

Definicja i Wykorzystanie

Oninput zdarzenie gdy element pobiera dane wprowadzone przez użytkownika.

Zdarzenie to występuje, gdy wartość z <input> czy <textarea> elementu jest zmieniany.

Wskazówka: To zdarzenie jest podobny do onChange imprezy. Różnica polega na tym, że oninput zdarzenie natychmiast po wartości elementu uległa zmianie, natomiast onchange występuje, gdy element traci fokus, gdy treść została zmieniona. Drugą różnicą jest to, że zdarzenie onchange działa również na <keygen> i <select> elementów.


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.

Zdarzenie
oninput tak 9.0 4.0 5.0 tak

Składnia

W HTML:

W JavaScript:

object .oninput=function(){ Spróbuj sam "

W JavaScript, używając addEventListener() metodę:

object .addEventListener("input", myScript );
Spróbuj sam "

Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.


Szczegóły techniczne

bubbles: tak
opłata: Nie
Typ wydarzenia: Zdarzenie
Obsługiwane znaczniki HTML: <Input type = "color"> <input type = "date"> <input type = "datetime"> <input type = "email"> <input type = "miesiące"> <input type =” Numer "> <input type =" password "> <input type =" zakres "> <input type =" search "> <input type =" tel "> <input type =" text ">, < input type = "czas"> <input type = "URL">, <input type="week"> i <textarea>
DOM wersja: Level 3 Events

<Object Event