Najnowsze tutoriale tworzenie stron internetowych
 

Zdarzenie onchange

<Object Event

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

Przykłady

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