Przykład
Wykonać JavaScript, gdy użytkownik zmienia wybraną opcją <select> element:
<select onchange="myFunction()">
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Onchange zdarzenie, gdy wartość elementu została zmieniona.
Dla radiobuttons i wyboru The onchange zdarzenie występuje, gdy sprawdzany stan został zmieniony.
Wskazówka: To zdarzenie jest podobny do oninput 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
Zdarzenie | |||||
---|---|---|---|---|---|
onchange | tak | tak | tak | tak | tak |
Składnia
W HTML:
W JavaScript:
object .onchange=function(){ Spróbuj sam "
W JavaScript, używając addEventListener() metodę:
object .addEventListener("change", 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 = "checkbox"> <input type = "color"> <input type = "date"> <input type = "datetime"> <input type = "email"> <input type =” plik "> <input type =" miesiące "> <input type =" number "> <input type =" password "> <input type =" radio "> <input type =" zasięg ">, < input type = "search"> <input type = "tel"> <input type = "text"> <input type = "czas"> <input type = "url"> <input type = "tydzień „>, <keygen>, <select> i <textarea> |
DOM wersja: | Poziom 2 Wydarzenia |
Więcej przykładów
Przykład
Wykonać JavaScript, gdy użytkownik zmienia zawartość pola wejściowego:
<input type="text"
onchange="myFunction()">
Spróbuj sam " <Object Event