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