Zdarzenie onchange

Zdarzenia DOM Obiekt Event

Definicja i użycie

Zdarza się zdarzenie onchange, gdy wartość elementu zmienia się.

Dla pól wyboru i wyborów wielokrotnych, zdarza się zdarzenie onchange, gdy stan wyboru zmienia się.

Wskazówka:To wydarzenie jest podobne do Zdarzenie oninput.Różnica polega na tym, że wydarzenie oninput występuje natychmiast po zmianie wartości elementu, podczas gdy onchange występuje po utracie skupienia elementu i zmianie jego zawartości. Inna różnica polega na tym, że wydarzenie onchange również dotyczy elementów <select>.

Przykład

Przykład 1

Wykonaj JavaScript, gdy użytkownik zmienia wybrany element w elemencie <select>:

<select onchange="myFunction()">

Spróbuj sam

Przykład 2

Wykonaj JavaScript, gdy użytkownik zmienia zawartość pola wejścia:

<input type="text" onchange="myFunction()">

Spróbuj sam

Gramatyka

W HTML:

<element onchange="myScript">

Spróbuj sam

W JavaScript:

obiekt.onchange = function(){myScript};

Spróbuj sam

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

obiekt.addEventListener("change", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 lub wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bublowanie: Wsparcie
Można anulować: Nieobsługiwane
Typ wydarzenia: Event
Obsługiwane znaczniki HTML: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> oraz <textarea>
Wersja DOM: Zdarzenia poziomu 2

Obsługa przeglądarek

Zdarzenia Chrome IE Firefox Safari Opera
Zdarzenie onchange Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie
Zdarzenia DOM Obiekt Event